@tant/icons 1.1.42 → 1.1.54

package/dist/lib/icons/logo-dingding-gray.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoDingdingGray = function LogoDingdingGray(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M13.2 7.8c-2.55-.9-6.45-2.7-6.45-2.7-.3 0-.3.15-.3.15 0 1.2.6 2.85.9 3.3.45.3 5.55 1.95 5.55 1.95S9 9.75 7.95 9.45c-.9-.3-.6.3-.6.3.15 1.05 1.05 2.25 1.8 2.4.75.15 3.75 0 3.75 0s-.6 0-1.65.15c-.6.15-1.5.3-1.8.45-.6.15.45 1.05.45 1.05 1.5 1.35 2.25.9 2.25.9.6-.15 1.05-.3 1.5-.45l-.45 2.1h1.5l-.9 3.15 3.6-4.65h-1.8l.45-.6s1.35-2.1 1.8-3.15c.15-.15.15-.3.15-.45.15-1.35-2.1-1.8-4.8-2.85zm-1.05-6.75C5.85 1.05.9 6.15.9 12.3S6 23.55 12.15 23.55c6.3 0 11.25-5.1 11.25-11.25S18.45 1.05 12.15 1.05zm0 21.75c-5.85 0-10.5-4.65-10.5-10.5S6.3 1.8 12.15 1.8s10.5 4.65 10.5 10.5S18 22.8 12.15 22.8z"
   })));
 };
 
 LogoDingdingGray.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/logo-feishu-cl.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoFeishuCl = function LogoFeishuCl(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("g", {
     clipPath: "url(#clip0_3342_408)"
   }, /*#__PURE__*/_react["default"].createElement("path", {
@@ -78,6 +78,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
 };
 
 LogoFeishuCl.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/{logo-garena -cl.js → logo-garena-cl.js}

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoGarenaCl = function LogoGarenaCl(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoGarenaCl = function LogoGarenaCl(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var LogoGarenaCl = function LogoGarenaCl(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M7.932 12.964s1.469-2.947 7.601-1.245c0 0 .931 1.3 4.916.897 0 0-2.025 1.935-3.404 5.073 0 0-1.338 4.206-9.192 3.137 0 0-6.49-1.5-5.459-7.11 0 0 1.054-4.858 6.773-5.637l.638-.166s-2.028-1.122-6.048.676l-1.167.537L0 8.885s1.037-2.228 3.507-3.731h.25l3.714-2.228-2.025 1.825 2.717-1.18S12.41 2.466 14.013 2l-5.22 3.261s2.663-.563 3.925-.59l.288.59s2.682-.08 4.3.752c0 0-1.124 2.442 6.694 1.395l-.453.505-2.921 1.052-1.059.322.733.355.326.236h-4.257s-5.063-3.546-8.773 1.154c0 0-4.127 4.719-.432 8.106 0 0 6.594 3.301 7.859-4.697 0 0-1.015-4.077-6.119-1.37 0 0 1.029 1.287.027 1.716 0 0-2.337.553-.923-1.715",
     fill: "#E41E26"
@@ -61,6 +61,7 @@ var LogoGarenaCl = function LogoGarenaCl(props) {
 };
 
 LogoGarenaCl.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/logo-king-cl.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoKingCl = function LogoKingCl(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoKingCl = function LogoKingCl(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var LogoKingCl = function LogoKingCl(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M2.173.094H21.59a2.109 2.109 0 012.103 2.103v4.54c-3.727-.029-8.463.892-11.293 1.98-3.553 1.366-5.62 2.617-6.625 3.946-1.003 1.329.955 1.794 2.855 1.807 1.9.013 3.516-1.418 6.475-3.123 2.308-1.33 5.467-2.564 8.588-3.583v7.576c-1.524-.779-3.363-1.322-7.22-1.121-4.219.218-10.004 1.285-13.53 3.714 4.23-.33 9.327-.38 12.969-.27 3.02.09 5.818 1.28 7.78 1.187v2.763a2.109 2.109 0 01-2.102 2.103H2.173A2.109 2.109 0 01.07 21.613v-5.65a113.965 113.965 0 014.765-4.345c2.745-2.382 6.512-4.297 7.273-5.285.76-.987-1.588-2.488-3.292-2.174-1.705.314-3.194 2.053-5.788 4.517-.953.906-1.994 2.141-2.958 3.516V2.197A2.109 2.109 0 012.173.094z",
     fill: "#E30016"
@@ -61,6 +61,7 @@ var LogoKingCl = function LogoKingCl(props) {
 };
 
 LogoKingCl.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/logo-wechat-cl.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWechatCl = function LogoWechatCl(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var LogoWechatCl = function LogoWechatCl(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("g", {
     clipPath: "url(#clip0_3342_396)"
   }, /*#__PURE__*/_react["default"].createElement("path", {
@@ -69,6 +69,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
 };
 
 LogoWechatCl.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/logo-wechat-gray.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWechatGray = function LogoWechatGray(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var LogoWechatGray = function LogoWechatGray(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("g", {
     clipPath: "url(#clip0_3342_397)"
   }, /*#__PURE__*/_react["default"].createElement("path", {
@@ -67,6 +67,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
 };
 
 LogoWechatGray.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/logo-wecom-cl.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWecomCl = function LogoWecomCl(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var LogoWecomCl = function LogoWecomCl(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M15.606 17.54a.32.32 0 00.04.488 4.107 4.107 0 011.265 2.466 1.338 1.338 0 101.429-1.682 4.102 4.102 0 01-2.282-1.272.32.32 0 00-.452 0z",
     fill: "#FB6500"
@@ -73,6 +73,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
 };
 
 LogoWecomCl.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/logo-wecom-gray.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWecomGray = function LogoWecomGray(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var LogoWecomGray = function LogoWecomGray(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,20 +47,20 @@ var LogoWecomGray = function LogoWecomGray(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M19.125 12.3c.075.3.15.525.225.75.225.525.525.975.9 1.35.15.15.15.3.075.45-.15.15-.3.15-.45 0-.45-.525-1.05-.825-1.725-1.05-.15-.075-.3-.075-.45-.075a1.081 1.081 0 01-.825-.675c-.225-.45-.15-.9.15-1.275.3-.375.75-.525 1.275-.375.45.075.675.45.825.9zm-6.375 4.35c0-.15-.075-.15-.15-.15-1.5.45-3.075.45-4.65 0-.3 0-.6 0-.9.15-.45.3-.975.6-1.5.825-.075 0-.15.075-.225 0-.075-.075 0-.15 0-.225.075-.375.225-.75.3-1.125.15-.375 0-.675-.3-.9-.3-.225-.525-.45-.75-.675-.975-.975-1.5-2.1-1.65-3.525-.075-1.65.525-3.075 1.65-4.2C6 5.4 7.8 4.725 9.75 4.725c1.95-.075 3.75.45 5.325 1.725.975.825 1.65 1.8 2.025 3 .15.525.15 1.05.15 1.575.6-.3 1.05-.225 1.575.225.075-.825 0-1.65-.3-2.4-.675-2.1-2.1-3.6-3.975-4.575-2.1-1.05-4.35-1.35-6.675-.825-2.175.6-4.125 1.8-5.4 3.825-1.2 1.95-1.35 3.975-.525 6.075.45 1.125 1.2 2.025 2.1 2.85.075.075.15.15.15.225-.075.675-.15 1.275-.3 1.95-.075.3 0 .525.225.75.225.225.525.15.75 0 .75-.375 1.575-.75 2.325-1.2.225.075.3 0 .375.075.6.15 1.2.3 1.8.3 1.425.075 2.775-.075 4.125-.525-.45-.225-.75-.6-.75-1.125zm8.625-1.875c-.6-.075-1.2.3-1.275.9-.15.825-.525 1.575-1.2 2.25-.15.15-.15.3 0 .45.15.15.3.075.45-.075.6-.6 1.35-.975 2.175-1.125.525-.075.975-.6.975-1.2-.075-.6-.525-1.125-1.125-1.2zM18.15 18.3c-.675-.15-1.275-.375-1.8-.825l-.375-.375c-.15-.15-.45-.075-.45.15 0 .15.075.225.15.3.6.6.975 1.275 1.125 2.1.075.6.6.975 1.2.975s1.125-.45 1.2-1.125c0-.525-.45-1.05-1.05-1.2zm-2.475-2.1c.15-.75.525-1.35 1.05-1.875.15-.15.15-.3.075-.45-.15-.15-.3-.15-.45 0-.6.6-1.35.975-2.175 1.125-.6.075-.975.6-.975 1.2s.45 1.125 1.05 1.2c.6.075 1.125-.3 1.275-.9.075-.075.075-.225.15-.3z"
   })));
 };
 
 LogoWecomGray.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/logo-xiaomi -cl.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+
+var LogoXiaomiCl = function LogoXiaomiCl(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      iconClassName = props.iconClassName,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {})
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M16.8 0A7.2 7.2 0 0124 7.2v9.6a7.2 7.2 0 01-7.2 7.2H7.2A7.2 7.2 0 010 16.8V7.2A7.2 7.2 0 017.2 0h9.6zm-4.387 7.512H5.358a.1.1 0 00-.098.1v8.733a.099.099 0 00.098.1h1.885a.1.1 0 00.098-.1V9.49a.1.1 0 01.098-.101h4.053c.76 0 1.378.633 1.378 1.413v5.542a.1.1 0 00.098.1h1.857a.1.1 0 00.07-.03.1.1 0 00.028-.07v-6.258c0-1.422-1.124-2.575-2.51-2.575zm-1.394 3.48H9.135a.101.101 0 00-.07.03.1.1 0 00-.028.07v5.253a.1.1 0 00.098.1h1.884c.026 0 .051-.01.07-.029a.102.102 0 00.028-.071v-5.252a.102.102 0 00-.06-.094.095.095 0 00-.038-.007zm7.534-3.48h-1.884a.1.1 0 00-.099.102v8.73a.1.1 0 00.1.101h1.883a.1.1 0 00.098-.1V7.613a.102.102 0 00-.06-.093.097.097 0 00-.038-.007z",
+    fill: "#FF6A00"
+  })));
+};
+
+LogoXiaomiCl.propTypes = {
+  iconClassName: _propTypes["default"].string,
+  spin: _propTypes["default"].bool,
+  color: _propTypes["default"].string,
+  size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+};
+LogoXiaomiCl.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+var _default = LogoXiaomiCl;
+exports["default"] = _default;

package/dist/lib/icons/logout.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Logout = function Logout(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var Logout = function Logout(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var Logout = function Logout(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M4 4h14v2h2V4a2 2 0 00-2-2H4a2 2 0 00-2 2v16a2 2 0 002 2h14a2 2 0 002-2v-2h-2v2H4V4z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -62,6 +62,7 @@ var Logout = function Logout(props) {
 };
 
 Logout.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/m-distribution.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MDistribution = function MDistribution(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var MDistribution = function MDistribution(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var MDistribution = function MDistribution(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M9 3H2v4h7V3z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -70,6 +70,7 @@ var MDistribution = function MDistribution(props) {
 };
 
 MDistribution.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])

package/dist/lib/icons/m-event.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MEvent = function MEvent(props) {
   var color = props.color,
@@ -33,6 +33,7 @@ var MEvent = function MEvent(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
@@ -46,14 +47,13 @@ var MEvent = function MEvent(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M21 12a9 9 0 01-12.25 8.395 4.009 4.009 0 01-1.185 1.674C8.922 22.668 10.422 23 12 23c6.075 0 11-4.925 11-11 0-1.578-.332-3.078-.93-4.435a4.009 4.009 0 01-1.675 1.185A8.979 8.979 0 0121 12z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -68,6 +68,7 @@ var MEvent = function MEvent(props) {
 };
 
 MEvent.propTypes = {
+  iconClassName: _propTypes["default"].string,
   spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])