@tant/icons 1.0.28 → 1.1.39

package/dist/tant-icons.esm.js

@@ -5294,7 +5294,7 @@ Currency.defaultProps = {
 
 var loadingCircleStyle$1J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var OperatorEqual = function OperatorEqual(props) {
+var Contrast = function Contrast(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -5321,6 +5321,51 @@ var OperatorEqual = function OperatorEqual(props) {
     } : {}), {}, {
       cursor: 'pointer'
     })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3.905 18.682h5.714v1.909H2V3.409h7.619v1.91H3.905v13.363zm10.476 0h1.905v1.909H14.38v-1.91zm2.857 0h1.905v1.909h-1.905v-1.91zm2.857 1.909v-1.91H22v1.91h-1.905zm0-6.682V12H22v1.91h-1.905zm0 2.864v-1.91H22v1.91h-1.905zm0-5.727v-1.91H22v1.91h-1.905zm0-2.864v-1.91H22v1.91h-1.905zm0-2.864V3.41H22v1.91h-1.905zm-.952 0h-1.905V3.41h1.905v1.91zm-2.857 0H14.38V3.41h1.905v1.91zM11.524 1.5h1.905v21h-1.905v-21z"
+  })));
+};
+
+Contrast.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Contrast.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$1K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var OperatorEqual = function OperatorEqual(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$1K
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -5339,7 +5384,7 @@ OperatorEqual.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorUnequal = function OperatorUnequal(props) {
   var color = props.color,
@@ -5352,7 +5397,7 @@ var OperatorUnequal = function OperatorUnequal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1K
+    children: loadingCircleStyle$1L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5386,7 +5431,7 @@ OperatorUnequal.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorDivide = function OperatorDivide(props) {
   var color = props.color,
@@ -5399,7 +5444,7 @@ var OperatorDivide = function OperatorDivide(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1L
+    children: loadingCircleStyle$1M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5431,7 +5476,7 @@ OperatorDivide.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoValue = function OperatorNoValue(props) {
   var color = props.color,
@@ -5444,7 +5489,7 @@ var OperatorNoValue = function OperatorNoValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1M
+    children: loadingCircleStyle$1N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5478,7 +5523,7 @@ OperatorNoValue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorHasValue = function OperatorHasValue(props) {
   var color = props.color,
@@ -5491,7 +5536,7 @@ var OperatorHasValue = function OperatorHasValue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1N
+    children: loadingCircleStyle$1O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5525,7 +5570,7 @@ OperatorHasValue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorInside = function OperatorInside(props) {
   var color = props.color,
@@ -5538,7 +5583,7 @@ var OperatorInside = function OperatorInside(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1O
+    children: loadingCircleStyle$1P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5570,7 +5615,7 @@ OperatorInside.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorInclude = function OperatorInclude(props) {
   var color = props.color,
@@ -5583,7 +5628,7 @@ var OperatorInclude = function OperatorInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1P
+    children: loadingCircleStyle$1Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5617,7 +5662,7 @@ OperatorInclude.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNotInclude = function OperatorNotInclude(props) {
   var color = props.color,
@@ -5630,7 +5675,7 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1Q
+    children: loadingCircleStyle$1R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5671,7 +5716,7 @@ OperatorNotInclude.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorLess = function OperatorLess(props) {
   var color = props.color,
@@ -5684,7 +5729,7 @@ var OperatorLess = function OperatorLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1R
+    children: loadingCircleStyle$1S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5718,7 +5763,7 @@ OperatorLess.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoBigger = function OperatorNoBigger(props) {
   var color = props.color,
@@ -5731,7 +5776,7 @@ var OperatorNoBigger = function OperatorNoBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1S
+    children: loadingCircleStyle$1T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5765,7 +5810,7 @@ OperatorNoBigger.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorBigger = function OperatorBigger(props) {
   var color = props.color,
@@ -5778,7 +5823,7 @@ var OperatorBigger = function OperatorBigger(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1T
+    children: loadingCircleStyle$1U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5812,7 +5857,7 @@ OperatorBigger.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoLess = function OperatorNoLess(props) {
   var color = props.color,
@@ -5825,7 +5870,7 @@ var OperatorNoLess = function OperatorNoLess(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1U
+    children: loadingCircleStyle$1V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5859,7 +5904,7 @@ OperatorNoLess.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorTrue = function OperatorTrue(props) {
   var color = props.color,
@@ -5872,7 +5917,7 @@ var OperatorTrue = function OperatorTrue(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1V
+    children: loadingCircleStyle$1W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5906,7 +5951,7 @@ OperatorTrue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorFalse = function OperatorFalse(props) {
   var color = props.color,
@@ -5919,7 +5964,7 @@ var OperatorFalse = function OperatorFalse(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1W
+    children: loadingCircleStyle$1X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5953,7 +5998,7 @@ OperatorFalse.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorRegex = function OperatorRegex(props) {
   var color = props.color,
@@ -5966,7 +6011,7 @@ var OperatorRegex = function OperatorRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1X
+    children: loadingCircleStyle$1Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6000,7 +6045,7 @@ OperatorRegex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoRegex = function OperatorNoRegex(props) {
   var color = props.color,
@@ -6013,7 +6058,7 @@ var OperatorNoRegex = function OperatorNoRegex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1Y
+    children: loadingCircleStyle$1Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6047,7 +6092,7 @@ OperatorNoRegex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoDingdingCl = function LogoDingdingCl(props) {
   var color = props.color,
@@ -6060,7 +6105,7 @@ var LogoDingdingCl = function LogoDingdingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1Z
+    children: loadingCircleStyle$1_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6093,7 +6138,7 @@ LogoDingdingCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$1$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoDingdingGray = function LogoDingdingGray(props) {
   var color = props.color,
@@ -6106,7 +6151,7 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1_
+    children: loadingCircleStyle$1$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6138,7 +6183,7 @@ LogoDingdingGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$20 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWecomCl = function LogoWecomCl(props) {
   var color = props.color,
@@ -6151,7 +6196,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1$
+    children: loadingCircleStyle$20
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6196,7 +6241,7 @@ LogoWecomCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$20 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$21 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWecomGray = function LogoWecomGray(props) {
   var color = props.color,
@@ -6209,7 +6254,7 @@ var LogoWecomGray = function LogoWecomGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$20
+    children: loadingCircleStyle$21
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6241,7 +6286,7 @@ LogoWecomGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$21 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$22 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWechatCl = function LogoWechatCl(props) {
   var color = props.color,
@@ -6254,7 +6299,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$21
+    children: loadingCircleStyle$22
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6295,7 +6340,7 @@ LogoWechatCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$22 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$23 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoWechatGray = function LogoWechatGray(props) {
   var color = props.color,
@@ -6308,7 +6353,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$22
+    children: loadingCircleStyle$23
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6347,7 +6392,7 @@ LogoWechatGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$23 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$24 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoFeishuCl = function LogoFeishuCl(props) {
   var color = props.color,
@@ -6360,7 +6405,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$23
+    children: loadingCircleStyle$24
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6410,7 +6455,7 @@ LogoFeishuCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$24 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$25 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoKingCl = function LogoKingCl(props) {
   var color = props.color,
@@ -6423,7 +6468,7 @@ var LogoKingCl = function LogoKingCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$24
+    children: loadingCircleStyle$25
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6456,7 +6501,53 @@ LogoKingCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$25 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$26 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var LogoGarenaCl = function LogoGarenaCl(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$26
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.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"
+  })));
+};
+
+LogoGarenaCl.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+LogoGarenaCl.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$27 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
   var color = props.color,
@@ -6469,7 +6560,7 @@ var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$25
+    children: loadingCircleStyle$27
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6506,7 +6597,7 @@ LogoCurrencylayerCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$26 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$28 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Info = function Info(props) {
   var color = props.color,
@@ -6519,7 +6610,7 @@ var Info = function Info(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$26
+    children: loadingCircleStyle$28
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6555,7 +6646,52 @@ Info.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$27 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$29 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var InfoFill = function InfoFill(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$29
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm9 5h2v-6h-2v6zm0-10v2h2V7h-2z"
+  })));
+};
+
+InfoFill.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+InfoFill.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$2a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Help = function Help(props) {
   var color = props.color,
@@ -6568,7 +6704,7 @@ var Help = function Help(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$27
+    children: loadingCircleStyle$2a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6600,7 +6736,7 @@ Help.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$28 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var History = function History(props) {
   var color = props.color,
@@ -6613,7 +6749,7 @@ var History = function History(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$28
+    children: loadingCircleStyle$2b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6645,7 +6781,7 @@ History.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$29 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Backup = function Backup(props) {
   var color = props.color,
@@ -6658,7 +6794,7 @@ var Backup = function Backup(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$29
+    children: loadingCircleStyle$2c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6692,7 +6828,7 @@ Backup.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Error = function Error(props) {
   var color = props.color,
@@ -6705,7 +6841,7 @@ var Error = function Error(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2a
+    children: loadingCircleStyle$2d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6741,7 +6877,7 @@ Error.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ErrorFill = function ErrorFill(props) {
   var color = props.color,
@@ -6754,7 +6890,7 @@ var ErrorFill = function ErrorFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2b
+    children: loadingCircleStyle$2e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6786,7 +6922,7 @@ ErrorFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Error2 = function Error2(props) {
   var color = props.color,
@@ -6799,7 +6935,7 @@ var Error2 = function Error2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2c
+    children: loadingCircleStyle$2f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6833,7 +6969,7 @@ Error2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Error2Fill = function Error2Fill(props) {
   var color = props.color,
@@ -6846,7 +6982,7 @@ var Error2Fill = function Error2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2d
+    children: loadingCircleStyle$2g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6880,7 +7016,7 @@ Error2Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Success = function Success(props) {
   var color = props.color,
@@ -6893,7 +7029,7 @@ var Success = function Success(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2e
+    children: loadingCircleStyle$2h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6925,7 +7061,7 @@ Success.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SuccessFill = function SuccessFill(props) {
   var color = props.color,
@@ -6938,7 +7074,7 @@ var SuccessFill = function SuccessFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2f
+    children: loadingCircleStyle$2i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6972,7 +7108,7 @@ SuccessFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Delete2 = function Delete2(props) {
   var color = props.color,
@@ -6985,7 +7121,7 @@ var Delete2 = function Delete2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2g
+    children: loadingCircleStyle$2j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7017,7 +7153,7 @@ Delete2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Delete2Fill = function Delete2Fill(props) {
   var color = props.color,
@@ -7030,7 +7166,7 @@ var Delete2Fill = function Delete2Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2h
+    children: loadingCircleStyle$2k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7062,7 +7198,7 @@ Delete2Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Exchange = function Exchange(props) {
   var color = props.color,
@@ -7075,7 +7211,7 @@ var Exchange = function Exchange(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2i
+    children: loadingCircleStyle$2l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7107,7 +7243,7 @@ Exchange.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SwapFill = function SwapFill(props) {
   var color = props.color,
@@ -7120,7 +7256,7 @@ var SwapFill = function SwapFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2j
+    children: loadingCircleStyle$2m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7152,7 +7288,7 @@ SwapFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Processing = function Processing(props) {
   var color = props.color,
@@ -7165,7 +7301,7 @@ var Processing = function Processing(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2k
+    children: loadingCircleStyle$2n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7197,7 +7333,7 @@ Processing.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Processing2 = function Processing2(props) {
   var color = props.color,
@@ -7210,7 +7346,7 @@ var Processing2 = function Processing2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2l
+    children: loadingCircleStyle$2o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7244,7 +7380,7 @@ Processing2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Done = function Done(props) {
   var color = props.color,
@@ -7257,7 +7393,7 @@ var Done = function Done(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2m
+    children: loadingCircleStyle$2p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7289,7 +7425,7 @@ Done.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Close = function Close(props) {
   var color = props.color,
@@ -7302,7 +7438,7 @@ var Close = function Close(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2n
+    children: loadingCircleStyle$2q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7334,7 +7470,7 @@ Close.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StarOutline = function StarOutline(props) {
   var color = props.color,
@@ -7347,7 +7483,7 @@ var StarOutline = function StarOutline(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2o
+    children: loadingCircleStyle$2r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7379,7 +7515,7 @@ StarOutline.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StarFill = function StarFill(props) {
   var color = props.color,
@@ -7392,7 +7528,7 @@ var StarFill = function StarFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2p
+    children: loadingCircleStyle$2s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7424,7 +7560,7 @@ StarFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TimeLock = function TimeLock(props) {
   var color = props.color,
@@ -7437,7 +7573,7 @@ var TimeLock = function TimeLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2q
+    children: loadingCircleStyle$2t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7469,7 +7605,7 @@ TimeLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Heart = function Heart(props) {
   var color = props.color,
@@ -7482,7 +7618,7 @@ var Heart = function Heart(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2r
+    children: loadingCircleStyle$2u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7514,7 +7650,7 @@ Heart.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Bookmark = function Bookmark(props) {
   var color = props.color,
@@ -7527,7 +7663,7 @@ var Bookmark = function Bookmark(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2s
+    children: loadingCircleStyle$2v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7559,7 +7695,7 @@ Bookmark.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Bookmark2 = function Bookmark2(props) {
   var color = props.color,
@@ -7572,7 +7708,7 @@ var Bookmark2 = function Bookmark2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2t
+    children: loadingCircleStyle$2w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7604,7 +7740,7 @@ Bookmark2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockClose = function LockClose(props) {
   var color = props.color,
@@ -7617,7 +7753,7 @@ var LockClose = function LockClose(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2u
+    children: loadingCircleStyle$2x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7653,7 +7789,7 @@ LockClose.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockCloseFill = function LockCloseFill(props) {
   var color = props.color,
@@ -7666,7 +7802,7 @@ var LockCloseFill = function LockCloseFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2v
+    children: loadingCircleStyle$2y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7698,7 +7834,7 @@ LockCloseFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockOpen = function LockOpen(props) {
   var color = props.color,
@@ -7711,7 +7847,7 @@ var LockOpen = function LockOpen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2w
+    children: loadingCircleStyle$2z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7743,7 +7879,7 @@ LockOpen.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var LockOpenFill = function LockOpenFill(props) {
   var color = props.color,
@@ -7756,7 +7892,7 @@ var LockOpenFill = function LockOpenFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2x
+    children: loadingCircleStyle$2A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7788,7 +7924,7 @@ LockOpenFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOn = function EyeOn(props) {
   var color = props.color,
@@ -7801,7 +7937,7 @@ var EyeOn = function EyeOn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2y
+    children: loadingCircleStyle$2B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7833,7 +7969,7 @@ EyeOn.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOnFill = function EyeOnFill(props) {
   var color = props.color,
@@ -7846,7 +7982,7 @@ var EyeOnFill = function EyeOnFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2z
+    children: loadingCircleStyle$2C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7880,7 +8016,7 @@ EyeOnFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOff = function EyeOff(props) {
   var color = props.color,
@@ -7893,7 +8029,7 @@ var EyeOff = function EyeOff(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2A
+    children: loadingCircleStyle$2D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7925,7 +8061,7 @@ EyeOff.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EyeOffFill = function EyeOffFill(props) {
   var color = props.color,
@@ -7938,7 +8074,7 @@ var EyeOffFill = function EyeOffFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2B
+    children: loadingCircleStyle$2E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7972,7 +8108,7 @@ EyeOffFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Dot = function Dot(props) {
   var color = props.color,
@@ -7985,7 +8121,7 @@ var Dot = function Dot(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2C
+    children: loadingCircleStyle$2F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8019,7 +8155,7 @@ Dot.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Anchor = function Anchor(props) {
   var color = props.color,
@@ -8032,7 +8168,7 @@ var Anchor = function Anchor(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2D
+    children: loadingCircleStyle$2G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8064,7 +8200,7 @@ Anchor.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartLine = function ChartLine(props) {
   var color = props.color,
@@ -8077,7 +8213,7 @@ var ChartLine = function ChartLine(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2E
+    children: loadingCircleStyle$2H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8115,7 +8251,7 @@ ChartLine.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartBar = function ChartBar(props) {
   var color = props.color,
@@ -8128,7 +8264,7 @@ var ChartBar = function ChartBar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2F
+    children: loadingCircleStyle$2I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8164,7 +8300,7 @@ ChartBar.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartCum = function ChartCum(props) {
   var color = props.color,
@@ -8177,7 +8313,7 @@ var ChartCum = function ChartCum(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2G
+    children: loadingCircleStyle$2J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8219,7 +8355,7 @@ ChartCum.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartPie = function ChartPie(props) {
   var color = props.color,
@@ -8232,7 +8368,7 @@ var ChartPie = function ChartPie(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2H
+    children: loadingCircleStyle$2K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8266,7 +8402,7 @@ ChartPie.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartDNRe = function ChartDNRe(props) {
   var color = props.color,
@@ -8279,7 +8415,7 @@ var ChartDNRe = function ChartDNRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2I
+    children: loadingCircleStyle$2L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8323,7 +8459,7 @@ ChartDNRe.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartDRe = function ChartDRe(props) {
   var color = props.color,
@@ -8336,7 +8472,7 @@ var ChartDRe = function ChartDRe(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2J
+    children: loadingCircleStyle$2M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8380,7 +8516,7 @@ ChartDRe.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartFunnel = function ChartFunnel(props) {
   var color = props.color,
@@ -8393,7 +8529,7 @@ var ChartFunnel = function ChartFunnel(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2K
+    children: loadingCircleStyle$2N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8429,7 +8565,7 @@ ChartFunnel.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartInterval = function ChartInterval(props) {
   var color = props.color,
@@ -8442,7 +8578,7 @@ var ChartInterval = function ChartInterval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2L
+    children: loadingCircleStyle$2O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8476,7 +8612,7 @@ ChartInterval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartStack = function ChartStack(props) {
   var color = props.color,
@@ -8489,7 +8625,7 @@ var ChartStack = function ChartStack(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2M
+    children: loadingCircleStyle$2P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8523,7 +8659,7 @@ ChartStack.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartStackn = function ChartStackn(props) {
   var color = props.color,
@@ -8536,7 +8672,7 @@ var ChartStackn = function ChartStackn(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2N
+    children: loadingCircleStyle$2Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8570,7 +8706,7 @@ ChartStackn.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartStackPerc = function ChartStackPerc(props) {
   var color = props.color,
@@ -8583,7 +8719,7 @@ var ChartStackPerc = function ChartStackPerc(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2O
+    children: loadingCircleStyle$2R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8617,7 +8753,7 @@ ChartStackPerc.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartComplex = function ChartComplex(props) {
   var color = props.color,
@@ -8630,7 +8766,7 @@ var ChartComplex = function ChartComplex(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2P
+    children: loadingCircleStyle$2S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8670,7 +8806,7 @@ ChartComplex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartHistogram = function ChartHistogram(props) {
   var color = props.color,
@@ -8683,7 +8819,7 @@ var ChartHistogram = function ChartHistogram(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2Q
+    children: loadingCircleStyle$2T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8729,7 +8865,7 @@ ChartHistogram.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartTable = function ChartTable(props) {
   var color = props.color,
@@ -8742,7 +8878,7 @@ var ChartTable = function ChartTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2R
+    children: loadingCircleStyle$2U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8774,7 +8910,7 @@ ChartTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartFieldlist = function ChartFieldlist(props) {
   var color = props.color,
@@ -8787,7 +8923,7 @@ var ChartFieldlist = function ChartFieldlist(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2S
+    children: loadingCircleStyle$2V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8819,7 +8955,7 @@ ChartFieldlist.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Table1dtable = function Table1dtable(props) {
   var color = props.color,
@@ -8832,7 +8968,7 @@ var Table1dtable = function Table1dtable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2T
+    children: loadingCircleStyle$2W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8882,7 +9018,7 @@ Table1dtable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartSqltable = function ChartSqltable(props) {
   var color = props.color,
@@ -8895,7 +9031,7 @@ var ChartSqltable = function ChartSqltable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2U
+    children: loadingCircleStyle$2X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8927,7 +9063,7 @@ ChartSqltable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartCombinedTable = function ChartCombinedTable(props) {
   var color = props.color,
@@ -8940,7 +9076,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2V
+    children: loadingCircleStyle$2Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8972,7 +9108,7 @@ ChartCombinedTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartDistTable = function ChartDistTable(props) {
   var color = props.color,
@@ -8985,7 +9121,7 @@ var ChartDistTable = function ChartDistTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2W
+    children: loadingCircleStyle$2Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9017,7 +9153,7 @@ ChartDistTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartBarTable = function ChartBarTable(props) {
   var color = props.color,
@@ -9030,7 +9166,7 @@ var ChartBarTable = function ChartBarTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2X
+    children: loadingCircleStyle$2_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9064,7 +9200,7 @@ ChartBarTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$2$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartLineTable = function ChartLineTable(props) {
   var color = props.color,
@@ -9077,7 +9213,7 @@ var ChartLineTable = function ChartLineTable(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2Y
+    children: loadingCircleStyle$2$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9117,7 +9253,7 @@ ChartLineTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$30 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Play = function Play(props) {
   var color = props.color,
@@ -9130,7 +9266,7 @@ var Play = function Play(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2Z
+    children: loadingCircleStyle$30
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9162,7 +9298,7 @@ Play.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$31 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Config = function Config(props) {
   var color = props.color,
@@ -9175,7 +9311,7 @@ var Config = function Config(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2_
+    children: loadingCircleStyle$31
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9207,7 +9343,7 @@ Config.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$32 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Setting = function Setting(props) {
   var color = props.color,
@@ -9220,7 +9356,7 @@ var Setting = function Setting(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$2$
+    children: loadingCircleStyle$32
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9252,7 +9388,7 @@ Setting.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$30 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$33 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Search = function Search(props) {
   var color = props.color,
@@ -9265,7 +9401,7 @@ var Search = function Search(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$30
+    children: loadingCircleStyle$33
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9297,7 +9433,7 @@ Search.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$31 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$34 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Copy = function Copy(props) {
   var color = props.color,
@@ -9310,7 +9446,7 @@ var Copy = function Copy(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$31
+    children: loadingCircleStyle$34
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9342,7 +9478,7 @@ Copy.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$32 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$35 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Copy2 = function Copy2(props) {
   var color = props.color,
@@ -9355,7 +9491,7 @@ var Copy2 = function Copy2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$32
+    children: loadingCircleStyle$35
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9387,7 +9523,7 @@ Copy2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$33 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$36 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Format = function Format(props) {
   var color = props.color,
@@ -9400,7 +9536,7 @@ var Format = function Format(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$33
+    children: loadingCircleStyle$36
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9434,7 +9570,7 @@ Format.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$34 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$37 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Code = function Code(props) {
   var color = props.color,
@@ -9447,7 +9583,7 @@ var Code = function Code(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$34
+    children: loadingCircleStyle$37
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9479,7 +9615,7 @@ Code.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$35 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$38 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Edit = function Edit(props) {
   var color = props.color,
@@ -9492,7 +9628,7 @@ var Edit = function Edit(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$35
+    children: loadingCircleStyle$38
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9524,7 +9660,7 @@ Edit.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$36 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$39 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EditFill = function EditFill(props) {
   var color = props.color,
@@ -9537,7 +9673,7 @@ var EditFill = function EditFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$36
+    children: loadingCircleStyle$39
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9571,7 +9707,7 @@ EditFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$37 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Delete1 = function Delete1(props) {
   var color = props.color,
@@ -9584,7 +9720,7 @@ var Delete1 = function Delete1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$37
+    children: loadingCircleStyle$3a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9616,7 +9752,7 @@ Delete1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$38 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Save = function Save(props) {
   var color = props.color,
@@ -9629,7 +9765,7 @@ var Save = function Save(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$38
+    children: loadingCircleStyle$3b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9661,7 +9797,7 @@ Save.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$39 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Send = function Send(props) {
   var color = props.color,
@@ -9674,7 +9810,7 @@ var Send = function Send(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$39
+    children: loadingCircleStyle$3c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9706,7 +9842,7 @@ Send.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Fullscreen = function Fullscreen(props) {
   var color = props.color,
@@ -9719,7 +9855,7 @@ var Fullscreen = function Fullscreen(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3a
+    children: loadingCircleStyle$3d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9751,7 +9887,7 @@ Fullscreen.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeftDown = function ArrowLeftDown(props) {
   var color = props.color,
@@ -9764,7 +9900,7 @@ var ArrowLeftDown = function ArrowLeftDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3b
+    children: loadingCircleStyle$3e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9796,7 +9932,7 @@ ArrowLeftDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Link = function Link(props) {
   var color = props.color,
@@ -9809,7 +9945,7 @@ var Link = function Link(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3c
+    children: loadingCircleStyle$3f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9845,7 +9981,7 @@ Link.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Unlink = function Unlink(props) {
   var color = props.color,
@@ -9858,7 +9994,7 @@ var Unlink = function Unlink(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3d
+    children: loadingCircleStyle$3g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9896,7 +10032,7 @@ Unlink.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var MenuUnfold = function MenuUnfold(props) {
   var color = props.color,
@@ -9909,7 +10045,7 @@ var MenuUnfold = function MenuUnfold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3e
+    children: loadingCircleStyle$3h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9941,7 +10077,7 @@ MenuUnfold.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var MenuFold = function MenuFold(props) {
   var color = props.color,
@@ -9954,7 +10090,7 @@ var MenuFold = function MenuFold(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3f
+    children: loadingCircleStyle$3i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9986,7 +10122,7 @@ MenuFold.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var List = function List(props) {
   var color = props.color,
@@ -9999,7 +10135,7 @@ var List = function List(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3g
+    children: loadingCircleStyle$3j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10031,7 +10167,7 @@ List.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ListNested = function ListNested(props) {
   var color = props.color,
@@ -10044,7 +10180,7 @@ var ListNested = function ListNested(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3h
+    children: loadingCircleStyle$3k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10078,7 +10214,7 @@ ListNested.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DoubleList = function DoubleList(props) {
   var color = props.color,
@@ -10091,7 +10227,7 @@ var DoubleList = function DoubleList(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3i
+    children: loadingCircleStyle$3l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10133,7 +10269,7 @@ DoubleList.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Download = function Download(props) {
   var color = props.color,
@@ -10146,7 +10282,7 @@ var Download = function Download(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3j
+    children: loadingCircleStyle$3m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10178,7 +10314,7 @@ Download.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FullDownload = function FullDownload(props) {
   var color = props.color,
@@ -10191,7 +10327,7 @@ var FullDownload = function FullDownload(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3k
+    children: loadingCircleStyle$3n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10225,7 +10361,7 @@ FullDownload.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Export = function Export(props) {
   var color = props.color,
@@ -10238,7 +10374,7 @@ var Export = function Export(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3l
+    children: loadingCircleStyle$3o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10272,7 +10408,7 @@ Export.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Import = function Import(props) {
   var color = props.color,
@@ -10285,7 +10421,7 @@ var Import = function Import(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3m
+    children: loadingCircleStyle$3p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10319,7 +10455,7 @@ Import.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add1 = function Add1(props) {
   var color = props.color,
@@ -10332,7 +10468,7 @@ var Add1 = function Add1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3n
+    children: loadingCircleStyle$3q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10364,7 +10500,7 @@ Add1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add2 = function Add2(props) {
   var color = props.color,
@@ -10377,7 +10513,7 @@ var Add2 = function Add2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3o
+    children: loadingCircleStyle$3r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10409,7 +10545,7 @@ Add2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add3 = function Add3(props) {
   var color = props.color,
@@ -10422,7 +10558,7 @@ var Add3 = function Add3(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3p
+    children: loadingCircleStyle$3s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10454,7 +10590,7 @@ Add3.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Add3Fill = function Add3Fill(props) {
   var color = props.color,
@@ -10467,7 +10603,7 @@ var Add3Fill = function Add3Fill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3q
+    children: loadingCircleStyle$3t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10499,7 +10635,7 @@ Add3Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Subtract = function Subtract(props) {
   var color = props.color,
@@ -10512,7 +10648,7 @@ var Subtract = function Subtract(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3r
+    children: loadingCircleStyle$3u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10547,7 +10683,7 @@ Subtract.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Subtract2 = function Subtract2(props) {
   var color = props.color,
@@ -10560,7 +10696,7 @@ var Subtract2 = function Subtract2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3s
+    children: loadingCircleStyle$3v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10596,7 +10732,7 @@ Subtract2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Update = function Update(props) {
   var color = props.color,
@@ -10609,7 +10745,7 @@ var Update = function Update(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3t
+    children: loadingCircleStyle$3w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10641,7 +10777,54 @@ Update.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var Rename = function Rename(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3x
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 4h2v16H8v-2H5a3 3 0 01-3-3V9a3 3 0 013-3h3V4zm0 12V8H5a1 1 0 00-1 1v6a1 1 0 001 1h3zm4 0h7a1 1 0 001-1V9a1 1 0 00-1-1h-7V6h7a3 3 0 013 3v6a3 3 0 01-3 3h-7v-2z"
+  })));
+};
+
+Rename.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Rename.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Report = function Report(props) {
   var color = props.color,
@@ -10654,7 +10837,7 @@ var Report = function Report(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3u
+    children: loadingCircleStyle$3y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10686,7 +10869,7 @@ Report.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -10699,7 +10882,7 @@ var ReportRemoval = function ReportRemoval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3v
+    children: loadingCircleStyle$3z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10739,7 +10922,7 @@ ReportRemoval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileAdd = function FileAdd(props) {
   var color = props.color,
@@ -10752,7 +10935,7 @@ var FileAdd = function FileAdd(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3w
+    children: loadingCircleStyle$3A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10784,7 +10967,7 @@ FileAdd.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileRemove = function FileRemove(props) {
   var color = props.color,
@@ -10797,7 +10980,7 @@ var FileRemove = function FileRemove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3x
+    children: loadingCircleStyle$3B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10831,7 +11014,7 @@ FileRemove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileExport = function FileExport(props) {
   var color = props.color,
@@ -10844,7 +11027,7 @@ var FileExport = function FileExport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3y
+    children: loadingCircleStyle$3C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10876,7 +11059,7 @@ FileExport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileMove = function FileMove(props) {
   var color = props.color,
@@ -10889,7 +11072,7 @@ var FileMove = function FileMove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3z
+    children: loadingCircleStyle$3D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10921,7 +11104,7 @@ FileMove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileImport = function FileImport(props) {
   var color = props.color,
@@ -10934,7 +11117,7 @@ var FileImport = function FileImport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3A
+    children: loadingCircleStyle$3E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10966,7 +11149,7 @@ FileImport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileInfo = function FileInfo(props) {
   var color = props.color,
@@ -10979,7 +11162,7 @@ var FileInfo = function FileInfo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3B
+    children: loadingCircleStyle$3F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11011,7 +11194,7 @@ FileInfo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileConvert = function FileConvert(props) {
   var color = props.color,
@@ -11024,7 +11207,7 @@ var FileConvert = function FileConvert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3C
+    children: loadingCircleStyle$3G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11062,7 +11245,58 @@ FileConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var AssetConvert = function AssetConvert(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3H
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.636 18.364H2.91a.91.91 0 01-.909-.91V2.91A.91.91 0 012.91 2h14.544a.91.91 0 01.91.91v2.726h2.727a.91.91 0 01.909.91V21.09a.91.91 0 01-.91.909H6.546a.91.91 0 01-.909-.91v-2.726zm-1.818-1.819V3.819h12.728v1.818h-10a.91.91 0 00-.91.91v10H3.818zm4.546-9.09a.91.91 0 00-.91.909v11.818h12.728V7.455H8.364z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11 10v4H9l4 4v-8h-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17 18v-4h2l-4-4v8h2z"
+  })));
+};
+
+AssetConvert.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+AssetConvert.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileLock = function FileLock(props) {
   var color = props.color,
@@ -11075,7 +11309,7 @@ var FileLock = function FileLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3D
+    children: loadingCircleStyle$3I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11107,9 +11341,9 @@ FileLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Detail = function Detail(props) {
+var FilePdf = function FilePdf(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11120,7 +11354,7 @@ var Detail = function Detail(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3E
+    children: loadingCircleStyle$3J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11137,24 +11371,24 @@ var Detail = function Detail(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 22H4a1 1 0 01-1-1V3a1 1 0 011-1h16a1 1 0 011 1v18a1 1 0 01-1 1zm-1-2V4H5v16h14zM8 9h8v2H8V9zm0 4h8v2H8v-2z"
+    d: "M5 3v17h16V10h-2V3H5zm15-2a1 1 0 011 1v19a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1h16zM7.999 15.001h2V13.01c0-.01 0-.01-.009-.01H8V15zM7 18v-6h2.99c.559 0 1.01.444 1.01 1.01v1.98A1.004 1.004 0 0110 16H7.999v2H7zm10 0v-6h3.998v1h-3l-.013 1.985 2.015.013v1h-2.001v2h-1V18zm-4-1h1a.993.993 0 00.999-.998v-2.004A1.002 1.002 0 0014 13h-1v4zm-1 1v-6h2c1.104 0 2 .899 2 1.998v2.004A1.994 1.994 0 0114 18h-2z"
   })));
 };
 
-Detail.propTypes = {
+FilePdf.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Detail.defaultProps = {
+FilePdf.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var MessageCenter = function MessageCenter(props) {
+var Detail = function Detail(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11165,7 +11399,7 @@ var MessageCenter = function MessageCenter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3F
+    children: loadingCircleStyle$3K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11182,32 +11416,24 @@ var MessageCenter = function MessageCenter(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 3H6v2h12V3z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9 13H7v2h2v-2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15 13h2v2h-2v-2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M4 21a1 1 0 01-1-1V8a1 1 0 011-1h16a1 1 0 011 1v12a1 1 0 01-1 1H4zM5 9v10h14V9H5z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11 13h2v2h-2v-2z"
+    d: "M20 22H4a1 1 0 01-1-1V3a1 1 0 011-1h16a1 1 0 011 1v18a1 1 0 01-1 1zm-1-2V4H5v16h14zM8 9h8v2H8V9zm0 4h8v2H8v-2z"
   })));
 };
 
-MessageCenter.propTypes = {
+Detail.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-MessageCenter.defaultProps = {
+Detail.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var SystemMsg = function SystemMsg(props) {
+var MessageCenter = function MessageCenter(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11218,7 +11444,7 @@ var SystemMsg = function SystemMsg(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3G
+    children: loadingCircleStyle$3L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11235,30 +11461,32 @@ var SystemMsg = function SystemMsg(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 20H4v-5h1.833l1.461.986a3 3 0 001.679.514h6.054a3 3 0 001.679-.514L18.167 15H20v5zM3 13a1 1 0 00-1 1v7a1 1 0 001 1h18a1 1 0 001-1v-7a1 1 0 00-1-1h-3.139a1 1 0 00-.559.171l-1.715 1.158a1 1 0 01-.56.171H8.973a1 1 0 01-.56-.171L6.698 13.17a1 1 0 00-.56-.171H3z"
+    d: "M18 3H6v2h12V3z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M20 3a1 1 0 00-1-1H5a1 1 0 00-1 1v9h2V4h12v8h2V3z"
+    d: "M9 13H7v2h2v-2z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M8 6h8v2H8V6z"
+    d: "M15 13h2v2h-2v-2z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 10H8v2h8v-2z"
+    d: "M4 21a1 1 0 01-1-1V8a1 1 0 011-1h16a1 1 0 011 1v12a1 1 0 01-1 1H4zM5 9v10h14V9H5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11 13h2v2h-2v-2z"
   })));
 };
 
-SystemMsg.propTypes = {
+MessageCenter.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-SystemMsg.defaultProps = {
+MessageCenter.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Comment = function Comment(props) {
+var SystemMsg = function SystemMsg(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11269,7 +11497,7 @@ var Comment = function Comment(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3H
+    children: loadingCircleStyle$3M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11286,28 +11514,30 @@ var Comment = function Comment(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 10H8v2h8v-2z"
+    d: "M20 20H4v-5h1.833l1.461.986a3 3 0 001.679.514h6.054a3 3 0 001.679-.514L18.167 15H20v5zM3 13a1 1 0 00-1 1v7a1 1 0 001 1h18a1 1 0 001-1v-7a1 1 0 00-1-1h-3.139a1 1 0 00-.559.171l-1.715 1.158a1 1 0 01-.56.171H8.973a1 1 0 01-.56-.171L6.698 13.17a1 1 0 00-.56-.171H3z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 22.5L6.455 19H21a1 1 0 001-1V4a1 1 0 00-1-1H3a1 1 0 00-1 1v18.5zM20 17H5.763L4 18.385V5h16v12z"
+    d: "M20 3a1 1 0 00-1-1H5a1 1 0 00-1 1v9h2V4h12v8h2V3z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 6h8v2H8V6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16 10H8v2h8v-2z"
   })));
 };
 
-Comment.propTypes = {
+SystemMsg.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Comment.defaultProps = {
+SystemMsg.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Book = function Book(props) {
+var Comment = function Comment(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11318,7 +11548,7 @@ var Book = function Book(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3I
+    children: loadingCircleStyle$3N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11335,24 +11565,28 @@ var Book = function Book(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M2 3.993A1 1 0 012.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 01-.992.993H2.992A.993.993 0 012 20.007V3.993zM11 5H4v14h7V5zm2 0v14h7V5h-7zm1 2h5v2h-5V7zm0 3h5v2h-5v-2z"
+    d: "M16 10H8v2h8v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 22.5L6.455 19H21a1 1 0 001-1V4a1 1 0 00-1-1H3a1 1 0 00-1 1v18.5zM20 17H5.763L4 18.385V5h16v12z"
   })));
 };
 
-Book.propTypes = {
+Comment.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Book.defaultProps = {
+Comment.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Book2 = function Book2(props) {
+var Book = function Book(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11363,7 +11597,7 @@ var Book2 = function Book2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3J
+    children: loadingCircleStyle$3O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11380,24 +11614,24 @@ var Book2 = function Book2(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M21 18H6a1 1 0 000 2h15v2H6a3 3 0 01-3-3V4a2 2 0 012-2h16v16zM5 16.05c.162-.033.329-.05.5-.05H19V4H5v12.05zM16 9H8V7h8v2z"
+    d: "M2 3.993A1 1 0 012.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 01-.992.993H2.992A.993.993 0 012 20.007V3.993zM11 5H4v14h7V5zm2 0v14h7V5h-7zm1 2h5v2h-5V7zm0 3h5v2h-5v-2z"
   })));
 };
 
-Book2.propTypes = {
+Book.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Book2.defaultProps = {
+Book.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var FilePdf = function FilePdf(props) {
+var Book2 = function Book2(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11408,7 +11642,7 @@ var FilePdf = function FilePdf(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3K
+    children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11425,22 +11659,22 @@ var FilePdf = function FilePdf(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M5 3v17h16V10h-2V3H5zm15-2a1 1 0 011 1v19a1 1 0 01-1 1H4a1 1 0 01-1-1V2a1 1 0 011-1h16zM7.999 15.001h2V13.01c0-.01 0-.01-.009-.01H8V15zM7 18v-6h2.99c.559 0 1.01.444 1.01 1.01v1.98A1.004 1.004 0 0110 16H7.999v2H7zm10 0v-6h3.998v1h-3l-.013 1.985 2.015.013v1h-2.001v2h-1V18zm-4-1h1a.993.993 0 00.999-.998v-2.004A1.002 1.002 0 0014 13h-1v4zm-1 1v-6h2c1.104 0 2 .899 2 1.998v2.004A1.994 1.994 0 0114 18h-2z"
+    d: "M21 18H6a1 1 0 000 2h15v2H6a3 3 0 01-3-3V4a2 2 0 012-2h16v16zM5 16.05c.162-.033.329-.05.5-.05H19V4H5v12.05zM16 9H8V7h8v2z"
   })));
 };
 
-FilePdf.propTypes = {
+Book2.propTypes = {
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-FilePdf.defaultProps = {
+Book2.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
 
-var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Sticker = function Sticker(props) {
   var color = props.color,
@@ -11453,7 +11687,7 @@ var Sticker = function Sticker(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3L
+    children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11485,7 +11719,7 @@ Sticker.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StickerFill = function StickerFill(props) {
   var color = props.color,
@@ -11498,7 +11732,7 @@ var StickerFill = function StickerFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3M
+    children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11530,7 +11764,7 @@ StickerFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EventSm = function EventSm(props) {
   var color = props.color,
@@ -11543,7 +11777,7 @@ var EventSm = function EventSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3N
+    children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11575,7 +11809,7 @@ EventSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EPropertySm = function EPropertySm(props) {
   var color = props.color,
@@ -11588,7 +11822,7 @@ var EPropertySm = function EPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3O
+    children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11628,7 +11862,7 @@ EPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UPropertySm = function UPropertySm(props) {
   var color = props.color,
@@ -11641,7 +11875,7 @@ var UPropertySm = function UPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3P
+    children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11658,15 +11892,13 @@ var UPropertySm = function UPropertySm(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M9 4h3v1H9V4z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 7H9v1h3V7z"
+    d: "M8.272 5.25A2.745 2.745 0 015.532 8a2.745 2.745 0 01-2.74-2.75 2.745 2.745 0 012.74-2.75 2.745 2.745 0 012.74 2.75zm-1.023 0a1.72 1.72 0 00-1.717-1.723A1.72 1.72 0 003.815 5.25a1.72 1.72 0 001.717 1.723A1.72 1.72 0 007.249 5.25z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 8a2 2 0 100-4 2 2 0 000 4zm0-1a1 1 0 110-2 1 1 0 010 2z"
+    d: "M1.391 11.37c0-1.138.92-2.06 2.053-2.06h4.007c1.133 0 2.052.922 2.052 2.06v2.13H1.391v-2.13zm2.053-1.03c-.567 0-1.026.461-1.026 1.03v1.1h6.059v-1.1c0-.569-.46-1.03-1.026-1.03H3.444z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M3 11a2 2 0 012-2h2a2 2 0 012 2 1 1 0 01-1 1H4a1 1 0 01-1-1zm1 0h4a1 1 0 00-1-1H5a1 1 0 00-1 1z"
+    d: "M14.392 3.78h-4.106V2.75h4.106v1.03z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M1 3a2 2 0 012-2h10a2 2 0 012 2v10a2 2 0 01-2 2H3a2 2 0 01-2-2V3zm1 0v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1H3a1 1 0 00-1 1z"
+    d: "M10.286 6.976h4.106v-1.03h-4.106v1.03z"
   })));
 };
 
@@ -11681,7 +11913,7 @@ UPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UGroupSm = function UGroupSm(props) {
   var color = props.color,
@@ -11694,7 +11926,7 @@ var UGroupSm = function UGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Q
+    children: loadingCircleStyle$3V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11740,7 +11972,7 @@ UGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UTagSm = function UTagSm(props) {
   var color = props.color,
@@ -11753,7 +11985,7 @@ var UTagSm = function UTagSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3R
+    children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11789,7 +12021,7 @@ UTagSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var AllGroupSm = function AllGroupSm(props) {
   var color = props.color,
@@ -11802,7 +12034,7 @@ var AllGroupSm = function AllGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3S
+    children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11840,7 +12072,7 @@ AllGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -11853,7 +12085,7 @@ var CalendarSm = function CalendarSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3T
+    children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11885,7 +12117,7 @@ CalendarSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -11898,7 +12130,7 @@ var GroupAddSm = function GroupAddSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3U
+    children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11936,7 +12168,7 @@ GroupAddSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -11949,7 +12181,7 @@ var BooleanSm = function BooleanSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3V
+    children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11983,7 +12215,7 @@ BooleanSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ListSm = function ListSm(props) {
   var color = props.color,
@@ -11996,7 +12228,7 @@ var ListSm = function ListSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3W
+    children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12038,7 +12270,7 @@ ListSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrayRowsSm = function ArrayRowsSm(props) {
   var color = props.color,
@@ -12051,7 +12283,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3X
+    children: loadingCircleStyle$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12085,7 +12317,7 @@ ArrayRowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var RowsSm = function RowsSm(props) {
   var color = props.color,
@@ -12098,7 +12330,7 @@ var RowsSm = function RowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Y
+    children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12140,7 +12372,7 @@ RowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var VPropertySm = function VPropertySm(props) {
   var color = props.color,
@@ -12153,7 +12385,7 @@ var VPropertySm = function VPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Z
+    children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12191,7 +12423,7 @@ VPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StringSm = function StringSm(props) {
   var color = props.color,
@@ -12204,7 +12436,7 @@ var StringSm = function StringSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3_
+    children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12238,7 +12470,7 @@ StringSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var NumSm = function NumSm(props) {
   var color = props.color,
@@ -12251,7 +12483,7 @@ var NumSm = function NumSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3$
+    children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12285,7 +12517,7 @@ NumSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TimeSm = function TimeSm(props) {
   var color = props.color,
@@ -12298,7 +12530,7 @@ var TimeSm = function TimeSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$40
+    children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12332,7 +12564,7 @@ TimeSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeft = function ArrowLeft(props) {
   var color = props.color,
@@ -12345,7 +12577,7 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$41
+    children: loadingCircleStyle$46
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12377,7 +12609,7 @@ ArrowLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowRight = function ArrowRight(props) {
   var color = props.color,
@@ -12390,7 +12622,7 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$42
+    children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12422,7 +12654,7 @@ ArrowRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -12435,7 +12667,7 @@ var ArrowUp = function ArrowUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$43
+    children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12467,7 +12699,7 @@ ArrowUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowDown = function ArrowDown(props) {
   var color = props.color,
@@ -12480,7 +12712,7 @@ var ArrowDown = function ArrowDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$44
+    children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12512,7 +12744,7 @@ ArrowDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeft2 = function ArrowLeft2(props) {
   var color = props.color,
@@ -12525,7 +12757,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$45
+    children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12542,7 +12774,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M7.828 10.778H20v2H7.828l5.364 5.364-1.414 1.414L4 11.778 11.778 4l1.414 1.414-5.364 5.364z"
+    d: "M13.143 4.418L11.723 3 3 11.736l8.722 8.764 1.423-1.415-6.367-6.397H21v-2.006H6.888l6.255-6.264z"
   })));
 };
 
@@ -12557,7 +12789,7 @@ ArrowLeft2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowRight2 = function ArrowRight2(props) {
   var color = props.color,
@@ -12570,7 +12802,7 @@ var ArrowRight2 = function ArrowRight2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$46
+    children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12587,7 +12819,7 @@ var ArrowRight2 = function ArrowRight2(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M16.172 10.778H4v2h12.172l-5.364 5.364 1.414 1.414L20 11.778 12.222 4l-1.414 1.414 5.364 5.364z"
+    d: "M10.857 4.418L12.277 3 21 11.736 12.278 20.5l-1.423-1.415 6.367-6.397H3v-2.006h14.112l-6.255-6.264z"
   })));
 };
 
@@ -12602,7 +12834,7 @@ ArrowRight2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -12615,7 +12847,7 @@ var ArrowUp2 = function ArrowUp2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$47
+    children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12632,7 +12864,7 @@ var ArrowUp2 = function ArrowUp2(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M11 7.606v12.172h2V7.606l5.364 5.364 1.414-1.414L12 3.778l-7.778 7.778 1.414 1.414L11 7.606z"
+    d: "M19.082 13.143l1.418-1.42L11.764 3 3 11.722l1.415 1.423 6.397-6.367V21h2.006V6.888l6.264 6.255z"
   })));
 };
 
@@ -12647,7 +12879,7 @@ ArrowUp2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowDown2 = function ArrowDown2(props) {
   var color = props.color,
@@ -12660,7 +12892,7 @@ var ArrowDown2 = function ArrowDown2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$48
+    children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12677,7 +12909,7 @@ var ArrowDown2 = function ArrowDown2(props) {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M13 15.95V3.778h-2V15.95l-5.364-5.364L4.222 12 12 19.778 19.778 12l-1.414-1.414L13 15.95z"
+    d: "M19.082 10.857l1.418 1.42L11.764 21 3 12.278l1.415-1.423 6.397 6.367V3h2.006v14.112l6.264-6.255z"
   })));
 };
 
@@ -12692,7 +12924,7 @@ ArrowDown2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriLeft = function TriLeft(props) {
   var color = props.color,
@@ -12705,7 +12937,7 @@ var TriLeft = function TriLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$49
+    children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12737,7 +12969,7 @@ TriLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriRight = function TriRight(props) {
   var color = props.color,
@@ -12750,7 +12982,7 @@ var TriRight = function TriRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4a
+    children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12782,7 +13014,7 @@ TriRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriUp = function TriUp(props) {
   var color = props.color,
@@ -12795,7 +13027,7 @@ var TriUp = function TriUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4b
+    children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12827,7 +13059,7 @@ TriUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriDown = function TriDown(props) {
   var color = props.color,
@@ -12840,7 +13072,7 @@ var TriDown = function TriDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4c
+    children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12872,7 +13104,7 @@ TriDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowL = function DArrowL(props) {
   var color = props.color,
@@ -12885,7 +13117,7 @@ var DArrowL = function DArrowL(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4d
+    children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12919,7 +13151,7 @@ DArrowL.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowR = function DArrowR(props) {
   var color = props.color,
@@ -12932,7 +13164,7 @@ var DArrowR = function DArrowR(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4e
+    children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12966,7 +13198,7 @@ DArrowR.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowT = function DArrowT(props) {
   var color = props.color,
@@ -12979,7 +13211,7 @@ var DArrowT = function DArrowT(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4f
+    children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13013,7 +13245,7 @@ DArrowT.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowB = function DArrowB(props) {
   var color = props.color,
@@ -13026,7 +13258,7 @@ var DArrowB = function DArrowB(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4g
+    children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13060,7 +13292,7 @@ DArrowB.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DropDown = function DropDown(props) {
   var color = props.color,
@@ -13073,7 +13305,7 @@ var DropDown = function DropDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4h
+    children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13105,7 +13337,7 @@ DropDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DropUp = function DropUp(props) {
   var color = props.color,
@@ -13118,7 +13350,7 @@ var DropUp = function DropUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4i
+    children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13150,7 +13382,7 @@ DropUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var More1 = function More1(props) {
   var color = props.color,
@@ -13163,7 +13395,7 @@ var More1 = function More1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4j
+    children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13195,7 +13427,7 @@ More1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var More2 = function More2(props) {
   var color = props.color,
@@ -13208,7 +13440,7 @@ var More2 = function More2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4k
+    children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13240,7 +13472,7 @@ More2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Drag = function Drag(props) {
   var color = props.color,
@@ -13253,7 +13485,7 @@ var Drag = function Drag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4l
+    children: loadingCircleStyle$4q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13295,7 +13527,7 @@ Drag.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Drag2 = function Drag2(props) {
   var color = props.color,
@@ -13308,7 +13540,7 @@ var Drag2 = function Drag2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4m
+    children: loadingCircleStyle$4r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13344,7 +13576,7 @@ Drag2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var External = function External(props) {
   var color = props.color,
@@ -13357,7 +13589,7 @@ var External = function External(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4n
+    children: loadingCircleStyle$4s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13389,7 +13621,7 @@ External.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DisplayS = function DisplayS(props) {
   var color = props.color,
@@ -13402,7 +13634,7 @@ var DisplayS = function DisplayS(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4o
+    children: loadingCircleStyle$4t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13436,7 +13668,7 @@ DisplayS.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Share = function Share(props) {
   var color = props.color,
@@ -13449,7 +13681,7 @@ var Share = function Share(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4p
+    children: loadingCircleStyle$4u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13481,50 +13713,4 @@ Share.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
-
-var Placeholder = function Placeholder(props) {
-  var color = props.color,
-      size = props.size,
-      spin = props.spin,
-      style = props.style,
-      className = props.className,
-      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
-
-  return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
-  }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4q
-  }), /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: color
-  }, otherProps, {
-    style: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
-      animationDuration: '1s',
-      animationIterationCount: 'infinite',
-      animationName: 'loadingCircle',
-      animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
-  }), /*#__PURE__*/React.createElement("rect", {
-    width: "24",
-    height: "24"
-  })));
-};
-
-Placeholder.propTypes = {
-  spin: PropTypes.bool,
-  color: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-Placeholder.defaultProps = {
-  spin: false,
-  color: 'currentColor',
-  size: '16'
-};
-
-export { Add1 as TaAdd1, Add2 as TaAdd2, Add3 as TaAdd3, Add3Fill as TaAdd3Fill, Alert as TaAlert, AllGroupSm as TaAllGroupSm, Analysis as TaAnalysis, Anchor as TaAnchor, Application as TaApplication, ArrayRowsSm as TaArrayRowsSm, ArrowDown as TaArrowDown, ArrowDown2 as TaArrowDown2, ArrowLeft as TaArrowLeft, ArrowLeft2 as TaArrowLeft2, ArrowLeftDown as TaArrowLeftDown, ArrowRight as TaArrowRight, ArrowRight2 as TaArrowRight2, ArrowUp as TaArrowUp, ArrowUp2 as TaArrowUp2, Ascent as TaAscent, Attribution as TaAttribution, Backup as TaBackup, Bell as TaBell, Book as TaBook, Book2 as TaBook2, Bookmark as TaBookmark, Bookmark2 as TaBookmark2, BooleanSm as TaBooleanSm, Calendar as TaCalendar, CalendarSm as TaCalendarSm, Card as TaCard, Cellphone as TaCellphone, ChartBar as TaChartBar, ChartBarTable as TaChartBarTable, ChartCombinedTable as TaChartCombinedTable, ChartComplex as TaChartComplex, ChartCum as TaChartCum, ChartDNRe as TaChartDNRe, ChartDRe as TaChartDRe, ChartDistTable as TaChartDistTable, ChartFieldlist as TaChartFieldlist, ChartFunnel as TaChartFunnel, ChartHistogram as TaChartHistogram, ChartInterval as TaChartInterval, ChartLine as TaChartLine, ChartLineTable as TaChartLineTable, ChartPie as TaChartPie, ChartSqltable as TaChartSqltable, ChartStack as TaChartStack, ChartStackPerc as TaChartStackPerc, ChartStackn as TaChartStackn, ChartTable as TaChartTable, Clock as TaClock, Close as TaClose, Code as TaCode, Comment as TaComment, Config as TaConfig, Copy as TaCopy, Copy2 as TaCopy2, Cost as TaCost, Currency as TaCurrency, CustomPartition as TaCustomPartition, DArrowB as TaDArrowB, DArrowL as TaDArrowL, DArrowR as TaDArrowR, DArrowT as TaDArrowT, Dashboard as TaDashboard, DashboardMgr as TaDashboardMgr, Debug as TaDebug, Delete1 as TaDelete1, Delete2 as TaDelete2, Delete2Fill as TaDelete2Fill, Demo as TaDemo, Descent as TaDescent, Desktop as TaDesktop, Detail as TaDetail, DisplayS as TaDisplayS, Done as TaDone, Dot as TaDot, DoubleList as TaDoubleList, Download as TaDownload, Drag as TaDrag, Drag2 as TaDrag2, DropDown as TaDropDown, DropUp as TaDropUp, EPropertySm as TaEPropertySm, Earth as TaEarth, Edit as TaEdit, EditFill as TaEditFill, Education as TaEducation, EducationFill as TaEducationFill, Email as TaEmail, Error as TaError, Error2 as TaError2, Error2Fill as TaError2Fill, ErrorFill as TaErrorFill, EventMgr as TaEventMgr, EventPropMgr as TaEventPropMgr, EventSm as TaEventSm, EventTree as TaEventTree, Exchange as TaExchange, Export as TaExport, Exposure as TaExposure, Expression as TaExpression, Expression2 as TaExpression2, External as TaExternal, EyeOff as TaEyeOff, EyeOffFill as TaEyeOffFill, EyeOn as TaEyeOn, EyeOnFill as TaEyeOnFill, FileAdd as TaFileAdd, FileConvert as TaFileConvert, FileExport as TaFileExport, FileImport as TaFileImport, FileInfo as TaFileInfo, FileLock as TaFileLock, FileMove as TaFileMove, FilePdf as TaFilePdf, FileRemove as TaFileRemove, Filter as TaFilter, Filter2 as TaFilter2, FirstLast as TaFirstLast, Folder as TaFolder, FolderOpen as TaFolderOpen, Forewarning as TaForewarning, Format as TaFormat, FullDownload as TaFullDownload, Fullscreen as TaFullscreen, Game as TaGame, GameFill as TaGameFill, Gift as TaGift, Group as TaGroup, GroupA2b as TaGroupA2b, GroupAddFill as TaGroupAddFill, GroupAddSm as TaGroupAddSm, GroupFill as TaGroupFill, GroupFill2 as TaGroupFill2, Groups as TaGroups, Heart as TaHeart, Help as TaHelp, History as TaHistory, IdFreeze as TaIdFreeze, Import as TaImport, Index as TaIndex, Indicator as TaIndicator, Info as TaInfo, Landscape as TaLandscape, Language as TaLanguage, Link as TaLink, List as TaList, ListNested as TaListNested, ListSm as TaListSm, Live as TaLive, Location as TaLocation, LockClose as TaLockClose, LockCloseFill as TaLockCloseFill, LockOpen as TaLockOpen, LockOpenFill as TaLockOpenFill, LogoCurrencylayerCl as TaLogoCurrencylayerCl, LogoDingdingCl as TaLogoDingdingCl, LogoDingdingGray as TaLogoDingdingGray, LogoFeishuCl as TaLogoFeishuCl, LogoKingCl as TaLogoKingCl, LogoWechatCl as TaLogoWechatCl, LogoWechatGray as TaLogoWechatGray, LogoWecomCl as TaLogoWecomCl, LogoWecomGray as TaLogoWecomGray, Logout as TaLogout, MDistribution as TaMDistribution, MEvent as TaMEvent, MFlow as TaMFlow, MFunnel as TaMFunnel, MInterval as TaMInterval, MProperty as TaMProperty, MRetention as TaMRetention, MSql as TaMSql, MenuFold as TaMenuFold, MenuUnfold as TaMenuUnfold, MessageCenter as TaMessageCenter, Mfa as TaMfa, More1 as TaMore1, More2 as TaMore2, NumSm as TaNumSm, OperatorBigger as TaOperatorBigger, OperatorDivide as TaOperatorDivide, OperatorEqual as TaOperatorEqual, OperatorFalse as TaOperatorFalse, OperatorHasValue as TaOperatorHasValue, OperatorInclude as TaOperatorInclude, OperatorInside as TaOperatorInside, OperatorLess as TaOperatorLess, OperatorNoBigger as TaOperatorNoBigger, OperatorNoLess as TaOperatorNoLess, OperatorNoRegex as TaOperatorNoRegex, OperatorNoValue as TaOperatorNoValue, OperatorNotInclude as TaOperatorNotInclude, OperatorRegex as TaOperatorRegex, OperatorTrue as TaOperatorTrue, OperatorUnequal as TaOperatorUnequal, ParallelFilter as TaParallelFilter, Parameter as TaParameter, Password as TaPassword, Pattern as TaPattern, Placeholder as TaPlaceholder, Play as TaPlay, Plug as TaPlug, Private as TaPrivate, Processing as TaProcessing, Processing2 as TaProcessing2, Project as TaProject, ProjectMgr as TaProjectMgr, RelatedProp as TaRelatedProp, Report as TaReport, ReportRemoval as TaReportRemoval, ResetPassword as TaResetPassword, Result as TaResult, RowsSm as TaRowsSm, SSpace as TaSSpace, Save as TaSave, Search as TaSearch, Send as TaSend, Server as TaServer, Setting as TaSetting, Share as TaShare, ShieldCheck as TaShieldCheck, ShieldCross as TaShieldCross, ShieldKeyhole as TaShieldKeyhole, Shop as TaShop, ShopFill as TaShopFill, Sort as TaSort, SortA2z as TaSortA2z, SortDrop as TaSortDrop, SortRise as TaSortRise, SortZ2a as TaSortZ2a, Space as TaSpace, SpaceOpen as TaSpaceOpen, Speed as TaSpeed, Split as TaSplit, Sql1 as TaSql1, Sql2 as TaSql2, Sql3 as TaSql3, StarFill as TaStarFill, StarOutline as TaStarOutline, Sticker as TaSticker, StickerFill as TaStickerFill, StringSm as TaStringSm, Subtract as TaSubtract, Subtract2 as TaSubtract2, Success as TaSuccess, SuccessFill as TaSuccessFill, SwapFill as TaSwapFill, SystemMgr as TaSystemMgr, SystemMsg as TaSystemMsg, TA2b as TaTA2b, TX2y as TaTX2y, Table1dtable as TaTable1dtable, TdLogo as TaTdLogo, TimeLock as TaTimeLock, TimeSm as TaTimeSm, Tracking as TaTracking, TriDown as TaTriDown, TriLeft as TaTriLeft, TriRight as TaTriRight, TriUp as TaTriUp, UGroup as TaUGroup, UGroupSm as TaUGroupSm, UPropMgr as TaUPropMgr, UPropertySm as TaUPropertySm, UTag as TaUTag, UTagSm as TaUTagSm, Unlink as TaUnlink, Update as TaUpdate, UploadId as TaUploadId, Usb as TaUsb, User1 as TaUser1, User1Fill as TaUser1Fill, User2 as TaUser2, UserAddFill as TaUserAddFill, UserSettings as TaUserSettings, Usertag as TaUsertag, VProperty as TaVProperty, VPropertySm as TaVPropertySm, ViewOriginal as TaViewOriginal };
+export { Add1 as TaAdd1, Add2 as TaAdd2, Add3 as TaAdd3, Add3Fill as TaAdd3Fill, Alert as TaAlert, AllGroupSm as TaAllGroupSm, Analysis as TaAnalysis, Anchor as TaAnchor, Application as TaApplication, ArrayRowsSm as TaArrayRowsSm, ArrowDown as TaArrowDown, ArrowDown2 as TaArrowDown2, ArrowLeft as TaArrowLeft, ArrowLeft2 as TaArrowLeft2, ArrowLeftDown as TaArrowLeftDown, ArrowRight as TaArrowRight, ArrowRight2 as TaArrowRight2, ArrowUp as TaArrowUp, ArrowUp2 as TaArrowUp2, Ascent as TaAscent, AssetConvert as TaAssetConvert, Attribution as TaAttribution, Backup as TaBackup, Bell as TaBell, Book as TaBook, Book2 as TaBook2, Bookmark as TaBookmark, Bookmark2 as TaBookmark2, BooleanSm as TaBooleanSm, Calendar as TaCalendar, CalendarSm as TaCalendarSm, Card as TaCard, Cellphone as TaCellphone, ChartBar as TaChartBar, ChartBarTable as TaChartBarTable, ChartCombinedTable as TaChartCombinedTable, ChartComplex as TaChartComplex, ChartCum as TaChartCum, ChartDNRe as TaChartDNRe, ChartDRe as TaChartDRe, ChartDistTable as TaChartDistTable, ChartFieldlist as TaChartFieldlist, ChartFunnel as TaChartFunnel, ChartHistogram as TaChartHistogram, ChartInterval as TaChartInterval, ChartLine as TaChartLine, ChartLineTable as TaChartLineTable, ChartPie as TaChartPie, ChartSqltable as TaChartSqltable, ChartStack as TaChartStack, ChartStackPerc as TaChartStackPerc, ChartStackn as TaChartStackn, ChartTable as TaChartTable, Clock as TaClock, Close as TaClose, Code as TaCode, Comment as TaComment, Config as TaConfig, Contrast as TaContrast, Copy as TaCopy, Copy2 as TaCopy2, Cost as TaCost, Currency as TaCurrency, CustomPartition as TaCustomPartition, DArrowB as TaDArrowB, DArrowL as TaDArrowL, DArrowR as TaDArrowR, DArrowT as TaDArrowT, Dashboard as TaDashboard, DashboardMgr as TaDashboardMgr, Debug as TaDebug, Delete1 as TaDelete1, Delete2 as TaDelete2, Delete2Fill as TaDelete2Fill, Demo as TaDemo, Descent as TaDescent, Desktop as TaDesktop, Detail as TaDetail, DisplayS as TaDisplayS, Done as TaDone, Dot as TaDot, DoubleList as TaDoubleList, Download as TaDownload, Drag as TaDrag, Drag2 as TaDrag2, DropDown as TaDropDown, DropUp as TaDropUp, EPropertySm as TaEPropertySm, Earth as TaEarth, Edit as TaEdit, EditFill as TaEditFill, Education as TaEducation, EducationFill as TaEducationFill, Email as TaEmail, Error as TaError, Error2 as TaError2, Error2Fill as TaError2Fill, ErrorFill as TaErrorFill, EventMgr as TaEventMgr, EventPropMgr as TaEventPropMgr, EventSm as TaEventSm, EventTree as TaEventTree, Exchange as TaExchange, Export as TaExport, Exposure as TaExposure, Expression as TaExpression, Expression2 as TaExpression2, External as TaExternal, EyeOff as TaEyeOff, EyeOffFill as TaEyeOffFill, EyeOn as TaEyeOn, EyeOnFill as TaEyeOnFill, FileAdd as TaFileAdd, FileConvert as TaFileConvert, FileExport as TaFileExport, FileImport as TaFileImport, FileInfo as TaFileInfo, FileLock as TaFileLock, FileMove as TaFileMove, FilePdf as TaFilePdf, FileRemove as TaFileRemove, Filter as TaFilter, Filter2 as TaFilter2, FirstLast as TaFirstLast, Folder as TaFolder, FolderOpen as TaFolderOpen, Forewarning as TaForewarning, Format as TaFormat, FullDownload as TaFullDownload, Fullscreen as TaFullscreen, Game as TaGame, GameFill as TaGameFill, Gift as TaGift, Group as TaGroup, GroupA2b as TaGroupA2b, GroupAddFill as TaGroupAddFill, GroupAddSm as TaGroupAddSm, GroupFill as TaGroupFill, GroupFill2 as TaGroupFill2, Groups as TaGroups, Heart as TaHeart, Help as TaHelp, History as TaHistory, IdFreeze as TaIdFreeze, Import as TaImport, Index as TaIndex, Indicator as TaIndicator, Info as TaInfo, InfoFill as TaInfoFill, Landscape as TaLandscape, Language as TaLanguage, Link as TaLink, List as TaList, ListNested as TaListNested, ListSm as TaListSm, Live as TaLive, Location as TaLocation, LockClose as TaLockClose, LockCloseFill as TaLockCloseFill, LockOpen as TaLockOpen, LockOpenFill as TaLockOpenFill, LogoCurrencylayerCl as TaLogoCurrencylayerCl, LogoDingdingCl as TaLogoDingdingCl, LogoDingdingGray as TaLogoDingdingGray, LogoFeishuCl as TaLogoFeishuCl, LogoGarenaCl as TaLogoGarenaCl, LogoKingCl as TaLogoKingCl, LogoWechatCl as TaLogoWechatCl, LogoWechatGray as TaLogoWechatGray, LogoWecomCl as TaLogoWecomCl, LogoWecomGray as TaLogoWecomGray, Logout as TaLogout, MDistribution as TaMDistribution, MEvent as TaMEvent, MFlow as TaMFlow, MFunnel as TaMFunnel, MInterval as TaMInterval, MProperty as TaMProperty, MRetention as TaMRetention, MSql as TaMSql, MenuFold as TaMenuFold, MenuUnfold as TaMenuUnfold, MessageCenter as TaMessageCenter, Mfa as TaMfa, More1 as TaMore1, More2 as TaMore2, NumSm as TaNumSm, OperatorBigger as TaOperatorBigger, OperatorDivide as TaOperatorDivide, OperatorEqual as TaOperatorEqual, OperatorFalse as TaOperatorFalse, OperatorHasValue as TaOperatorHasValue, OperatorInclude as TaOperatorInclude, OperatorInside as TaOperatorInside, OperatorLess as TaOperatorLess, OperatorNoBigger as TaOperatorNoBigger, OperatorNoLess as TaOperatorNoLess, OperatorNoRegex as TaOperatorNoRegex, OperatorNoValue as TaOperatorNoValue, OperatorNotInclude as TaOperatorNotInclude, OperatorRegex as TaOperatorRegex, OperatorTrue as TaOperatorTrue, OperatorUnequal as TaOperatorUnequal, ParallelFilter as TaParallelFilter, Parameter as TaParameter, Password as TaPassword, Pattern as TaPattern, Play as TaPlay, Plug as TaPlug, Private as TaPrivate, Processing as TaProcessing, Processing2 as TaProcessing2, Project as TaProject, ProjectMgr as TaProjectMgr, RelatedProp as TaRelatedProp, Rename as TaRename, Report as TaReport, ReportRemoval as TaReportRemoval, ResetPassword as TaResetPassword, Result as TaResult, RowsSm as TaRowsSm, SSpace as TaSSpace, Save as TaSave, Search as TaSearch, Send as TaSend, Server as TaServer, Setting as TaSetting, Share as TaShare, ShieldCheck as TaShieldCheck, ShieldCross as TaShieldCross, ShieldKeyhole as TaShieldKeyhole, Shop as TaShop, ShopFill as TaShopFill, Sort as TaSort, SortA2z as TaSortA2z, SortDrop as TaSortDrop, SortRise as TaSortRise, SortZ2a as TaSortZ2a, Space as TaSpace, SpaceOpen as TaSpaceOpen, Speed as TaSpeed, Split as TaSplit, Sql1 as TaSql1, Sql2 as TaSql2, Sql3 as TaSql3, StarFill as TaStarFill, StarOutline as TaStarOutline, Sticker as TaSticker, StickerFill as TaStickerFill, StringSm as TaStringSm, Subtract as TaSubtract, Subtract2 as TaSubtract2, Success as TaSuccess, SuccessFill as TaSuccessFill, SwapFill as TaSwapFill, SystemMgr as TaSystemMgr, SystemMsg as TaSystemMsg, TA2b as TaTA2b, TX2y as TaTX2y, Table1dtable as TaTable1dtable, TdLogo as TaTdLogo, TimeLock as TaTimeLock, TimeSm as TaTimeSm, Tracking as TaTracking, TriDown as TaTriDown, TriLeft as TaTriLeft, TriRight as TaTriRight, TriUp as TaTriUp, UGroup as TaUGroup, UGroupSm as TaUGroupSm, UPropMgr as TaUPropMgr, UPropertySm as TaUPropertySm, UTag as TaUTag, UTagSm as TaUTagSm, Unlink as TaUnlink, Update as TaUpdate, UploadId as TaUploadId, Usb as TaUsb, User1 as TaUser1, User1Fill as TaUser1Fill, User2 as TaUser2, UserAddFill as TaUserAddFill, UserSettings as TaUserSettings, Usertag as TaUsertag, VProperty as TaVProperty, VPropertySm as TaVPropertySm, ViewOriginal as TaViewOriginal };