@tant/icons 1.0.11 → 1.0.14

package/dist/lib/icons/lock-open-fill.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var LockOpenFill = function LockOpenFill(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M17 8h1c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V10c0-1.1.9-2 2-2h9.1V6c0-1.71-1.39-3.1-3.1-3.1-1.71 0-3.1 1.39-3.1 3.1H7c0-2.76 2.24-5 5-5s5 2.24 5 5v2zm-5 9a2 2 0 100-4 2 2 0 000 4z"
-  }));
+  })));
 };
 
 LockOpenFill.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LockOpenFill.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/lock-open.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var LockOpen = function LockOpen(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z"
-  }));
+  })));
 };
 
 LockOpen.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LockOpen.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,33 +25,45 @@ 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) }}';
+
 var LogoDingdingCl = function LogoDingdingCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M12 .375C5.55.375.3 5.625.3 12.075c0 6.45 5.25 11.7 11.7 11.7 6.45 0 11.7-5.25 11.7-11.7 0-6.45-5.25-11.7-11.7-11.7zM17.475 10.5c0 .075-.075.225-.15.45-.525 1.05-1.8 3.15-1.8 3.15l-.375.675h1.8l-3.45 4.5.75-3.15h-1.425l.525-2.1c-.375.075-.9.225-1.425.375 0 0-.75.45-2.175-.825 0 0-.975-.825-.375-1.05.225-.075 1.125-.225 1.875-.3.975-.15 1.575-.225 1.575-.225s-3 .075-3.675-.075c-.675-.075-1.575-1.275-1.8-2.325 0 0-.3-.6.675-.3.975.3 4.8 1.05 4.8 1.05S7.8 8.775 7.425 8.4c-.3-.375-.975-2.025-.9-3.075 0 0 0-.225.3-.15 0 0 3.75 1.725 6.225 2.625 2.475 1.05 4.65 1.5 4.425 2.7z",
     fill: "#3AA2EB"
-  }));
+  })));
 };
 
 LogoDingdingCl.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoDingdingCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var LogoDingdingGray = function LogoDingdingGray(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_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 = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoDingdingGray.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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) }}';
+
 var LogoFeishuCl = function LogoFeishuCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("g", {
@@ -61,14 +71,16 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  }))));
+  })))));
 };
 
 LogoFeishuCl.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoFeishuCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,33 +25,45 @@ 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) }}';
+
 var LogoKingCl = function LogoKingCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_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"
-  }));
+  })));
 };
 
 LogoKingCl.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoKingCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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) }}';
+
 var LogoWechatCl = function LogoWechatCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("g", {
@@ -52,14 +62,16 @@ var LogoWechatCl = function LogoWechatCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  }))));
+  })))));
 };
 
 LogoWechatCl.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoWechatCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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) }}';
+
 var LogoWechatGray = function LogoWechatGray(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("g", {
@@ -50,14 +60,16 @@ var LogoWechatGray = function LogoWechatGray(props) {
   }, /*#__PURE__*/_react["default"].createElement("rect", {
     width: "24",
     height: "24"
-  }))));
+  })))));
 };
 
 LogoWechatGray.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoWechatGray.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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) }}';
+
 var LogoWecomCl = function LogoWecomCl(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -56,14 +66,16 @@ var LogoWecomCl = function LogoWecomCl(props) {
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M8.534 2.202c-2.398.264-4.571 1.288-6.132 2.89A8.097 8.097 0 00.905 7.197a7.333 7.333 0 00.516 7.405c.424.64 1.12 1.44 1.757 2.009l-.288 2.265-.032.097c-.008.028-.008.06-.012.088l-.008.072.008.072a.728.728 0 001.097.564h.012l.044-.032.688-.344L6.74 18.36c.976.28 1.987.42 3.002.412a10.764 10.764 0 003.683-.64 1.333 1.333 0 01-.909-1.397 9.043 9.043 0 01-3.786.376l-.204-.028a9.153 9.153 0 01-1.361-.284.93.93 0 00-.729.076l-.056.028-1.689.993-.072.044c-.04.024-.06.032-.08.032a.116.116 0 01-.108-.12l.064-.26.076-.284.12-.469.14-.52a.708.708 0 00-.256-.789 7.384 7.384 0 01-1.705-1.777 5.776 5.776 0 01-.416-5.836 6.672 6.672 0 011.2-1.68C4.935 4.914 6.736 4.074 8.73 3.858a9.454 9.454 0 012.073 0c1.981.228 3.775 1.08 5.047 2.393.493.509.893 1.081 1.19 1.69.396.808.596 1.664.596 2.541 0 .092-.008.184-.012.272a1.333 1.333 0 011.64.192l.06.072a7.293 7.293 0 00-.728-3.794 8.171 8.171 0 00-1.48-2.105 10.046 10.046 0 00-6.109-2.91 11.259 11.259 0 00-2.473-.008z",
     fill: "#0082EF"
-  }));
+  })));
 };
 
 LogoWecomCl.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoWecomCl.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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) }}';
+
 var LogoWecomGray = function LogoWecomGray(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_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 = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 LogoWecomGray.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,34 +25,46 @@ 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) }}';
+
 var Logout = function Logout(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__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, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_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", {
     d: "M17 9.175L18.826 11H9v2h9.832L17 14.831l1.414 1.415 4.243-4.243-4.243-4.243L17 9.175z"
-  }));
+  })));
 };
 
 Logout.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Logout.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };