@tant/icons 1.1.55 → 1.1.67

package/dist/tant-icons.esm.js

@@ -2524,7 +2524,7 @@ Earth.defaultProps = {
 
 var loadingCircleStyle$N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
-var TdLogo = function TdLogo(props) {
+var Goal = function Goal(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -2551,6 +2551,54 @@ var TdLogo = function TdLogo(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 2c5.52 0 10 4.48 10 10 0 5.51-4.48 10-10 10-5.51 0-10-4.49-10-10C2 6.48 6.49 2 12 2zm4.88 6.27a.95.95 0 00-.35-.73.907.907 0 00-.78-.19l-.31.06c-.21.03-.5.06-.83.09-.69.05-1.4.04-1.87-.12-.71-.24-1.37-.38-2.05-.38-.68 0-1.33.14-2.05.38-.38.13-.64.49-.64.89v9.16c0 .28.23.5.5.5.28 0 .5-.22.5-.5v-2.86c.37-.03.74-.14 1.11-.17.6-.05 1.36-.05 2.1.14 1.42.36 2.95.54 4.16-.07.31-.17.51-.49.51-.84V8.27z"
+  })));
+};
+
+Goal.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Goal.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+
+var TdLogo = function TdLogo(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      iconClassName = props.iconClassName,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className", "iconClassName"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$O
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    className: iconClassName,
+    style: _objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M5.71 1.5h1.383v1.423H5.71V1.5z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -2576,7 +2624,7 @@ TdLogo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Language = function Language(props) {
   var color = props.color,
@@ -2590,7 +2638,7 @@ var Language = function Language(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$O
+    children: loadingCircleStyle$P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2622,7 +2670,7 @@ Language.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Calendar = function Calendar(props) {
   var color = props.color,
@@ -2636,7 +2684,7 @@ var Calendar = function Calendar(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$P
+    children: loadingCircleStyle$Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2668,7 +2716,7 @@ Calendar.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Server = function Server(props) {
   var color = props.color,
@@ -2682,7 +2730,7 @@ var Server = function Server(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$Q
+    children: loadingCircleStyle$R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2714,7 +2762,7 @@ Server.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Desktop = function Desktop(props) {
   var color = props.color,
@@ -2728,7 +2776,7 @@ var Desktop = function Desktop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$R
+    children: loadingCircleStyle$S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2760,7 +2808,7 @@ Desktop.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Demo = function Demo(props) {
   var color = props.color,
@@ -2774,7 +2822,7 @@ var Demo = function Demo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$S
+    children: loadingCircleStyle$T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2808,7 +2856,7 @@ Demo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Cellphone = function Cellphone(props) {
   var color = props.color,
@@ -2822,7 +2870,7 @@ var Cellphone = function Cellphone(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$T
+    children: loadingCircleStyle$U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2856,7 +2904,7 @@ Cellphone.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Landscape = function Landscape(props) {
   var color = props.color,
@@ -2870,7 +2918,7 @@ var Landscape = function Landscape(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$U
+    children: loadingCircleStyle$V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2906,7 +2954,7 @@ Landscape.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Email = function Email(props) {
   var color = props.color,
@@ -2920,7 +2968,7 @@ var Email = function Email(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$V
+    children: loadingCircleStyle$W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -2952,7 +3000,7 @@ Email.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Clock = function Clock(props) {
   var color = props.color,
@@ -2966,7 +3014,7 @@ var Clock = function Clock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$W
+    children: loadingCircleStyle$X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3000,7 +3048,7 @@ Clock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Password = function Password(props) {
   var color = props.color,
@@ -3014,7 +3062,7 @@ var Password = function Password(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$X
+    children: loadingCircleStyle$Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3046,7 +3094,7 @@ Password.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ResetPassword = function ResetPassword(props) {
   var color = props.color,
@@ -3060,7 +3108,7 @@ var ResetPassword = function ResetPassword(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$Y
+    children: loadingCircleStyle$Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3092,7 +3140,7 @@ ResetPassword.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Private = function Private(props) {
   var color = props.color,
@@ -3106,7 +3154,7 @@ var Private = function Private(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$Z
+    children: loadingCircleStyle$_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3138,7 +3186,7 @@ Private.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Bell = function Bell(props) {
   var color = props.color,
@@ -3152,7 +3200,7 @@ var Bell = function Bell(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$_
+    children: loadingCircleStyle$$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3186,7 +3234,7 @@ Bell.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$10 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Logout = function Logout(props) {
   var color = props.color,
@@ -3200,7 +3248,7 @@ var Logout = function Logout(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$$
+    children: loadingCircleStyle$10
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3234,7 +3282,7 @@ Logout.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$10 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$11 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Speed = function Speed(props) {
   var color = props.color,
@@ -3248,7 +3296,7 @@ var Speed = function Speed(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$10
+    children: loadingCircleStyle$11
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3280,7 +3328,7 @@ Speed.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$11 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$12 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Mfa = function Mfa(props) {
   var color = props.color,
@@ -3294,7 +3342,7 @@ var Mfa = function Mfa(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$11
+    children: loadingCircleStyle$12
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3326,7 +3374,7 @@ Mfa.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$12 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$13 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Tracking = function Tracking(props) {
   var color = props.color,
@@ -3340,7 +3388,7 @@ var Tracking = function Tracking(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$12
+    children: loadingCircleStyle$13
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3382,7 +3430,7 @@ Tracking.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$13 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$14 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Forewarning = function Forewarning(props) {
   var color = props.color,
@@ -3396,7 +3444,7 @@ var Forewarning = function Forewarning(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$13
+    children: loadingCircleStyle$14
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3432,7 +3480,7 @@ Forewarning.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$14 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$15 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SystemMgr = function SystemMgr(props) {
   var color = props.color,
@@ -3446,7 +3494,7 @@ var SystemMgr = function SystemMgr(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$14
+    children: loadingCircleStyle$15
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3482,7 +3530,7 @@ SystemMgr.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$15 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$16 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Pattern = function Pattern(props) {
   var color = props.color,
@@ -3496,7 +3544,7 @@ var Pattern = function Pattern(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$15
+    children: loadingCircleStyle$16
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3536,7 +3584,7 @@ Pattern.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$16 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$17 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Debug = function Debug(props) {
   var color = props.color,
@@ -3550,7 +3598,7 @@ var Debug = function Debug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$16
+    children: loadingCircleStyle$17
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3582,7 +3630,7 @@ Debug.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$17 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$18 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Live = function Live(props) {
   var color = props.color,
@@ -3596,7 +3644,7 @@ var Live = function Live(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$17
+    children: loadingCircleStyle$18
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3628,7 +3676,7 @@ Live.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$18 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$19 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Plug = function Plug(props) {
   var color = props.color,
@@ -3642,7 +3690,7 @@ var Plug = function Plug(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$18
+    children: loadingCircleStyle$19
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3674,7 +3722,7 @@ Plug.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$19 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Application = function Application(props) {
   var color = props.color,
@@ -3688,7 +3736,7 @@ var Application = function Application(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$19
+    children: loadingCircleStyle$1a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3730,7 +3778,7 @@ Application.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Gift = function Gift(props) {
   var color = props.color,
@@ -3744,7 +3792,7 @@ var Gift = function Gift(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1a
+    children: loadingCircleStyle$1b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3776,7 +3824,55 @@ Gift.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+
+var Tips = function Tips(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      iconClassName = props.iconClassName,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className", "iconClassName"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$1c
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    className: iconClassName,
+    style: _objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17 16.245V18a1 1 0 01-1 1H8a1 1 0 01-1-1v-1.755a8 8 0 1110 0zm-2-.96l.75-.6a6 6 0 10-7.498 0l.748.6V17h6v-1.715zM9 10a3 3 0 013-3V5a5 5 0 00-5 5h2zm7 12v-2H8v2h8z"
+  })));
+};
+
+Tips.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Tips.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$1d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Usb = function Usb(props) {
   var color = props.color,
@@ -3790,7 +3886,7 @@ var Usb = function Usb(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1b
+    children: loadingCircleStyle$1d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3822,7 +3918,7 @@ Usb.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Location = function Location(props) {
   var color = props.color,
@@ -3836,7 +3932,7 @@ var Location = function Location(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1c
+    children: loadingCircleStyle$1e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3872,7 +3968,7 @@ Location.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ShieldCheck = function ShieldCheck(props) {
   var color = props.color,
@@ -3886,7 +3982,7 @@ var ShieldCheck = function ShieldCheck(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1d
+    children: loadingCircleStyle$1f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3918,7 +4014,7 @@ ShieldCheck.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ShieldCross = function ShieldCross(props) {
   var color = props.color,
@@ -3932,7 +4028,7 @@ var ShieldCross = function ShieldCross(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1e
+    children: loadingCircleStyle$1g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -3964,7 +4060,7 @@ ShieldCross.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ShieldKeyhole = function ShieldKeyhole(props) {
   var color = props.color,
@@ -3978,7 +4074,7 @@ var ShieldKeyhole = function ShieldKeyhole(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1f
+    children: loadingCircleStyle$1h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4010,7 +4106,7 @@ ShieldKeyhole.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Analysis = function Analysis(props) {
   var color = props.color,
@@ -4024,7 +4120,7 @@ var Analysis = function Analysis(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1g
+    children: loadingCircleStyle$1i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4056,7 +4152,7 @@ Analysis.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Filter = function Filter(props) {
   var color = props.color,
@@ -4070,7 +4166,7 @@ var Filter = function Filter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1h
+    children: loadingCircleStyle$1j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4102,7 +4198,7 @@ Filter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Filter2 = function Filter2(props) {
   var color = props.color,
@@ -4116,7 +4212,7 @@ var Filter2 = function Filter2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1i
+    children: loadingCircleStyle$1k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4148,7 +4244,7 @@ Filter2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ParallelFilter = function ParallelFilter(props) {
   var color = props.color,
@@ -4162,7 +4258,7 @@ var ParallelFilter = function ParallelFilter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1j
+    children: loadingCircleStyle$1l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4196,7 +4292,7 @@ ParallelFilter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Expression = function Expression(props) {
   var color = props.color,
@@ -4210,7 +4306,7 @@ var Expression = function Expression(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1k
+    children: loadingCircleStyle$1m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4242,7 +4338,7 @@ Expression.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Expression2 = function Expression2(props) {
   var color = props.color,
@@ -4256,7 +4352,7 @@ var Expression2 = function Expression2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1l
+    children: loadingCircleStyle$1n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4290,7 +4386,7 @@ Expression2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FirstLast = function FirstLast(props) {
   var color = props.color,
@@ -4304,7 +4400,7 @@ var FirstLast = function FirstLast(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1m
+    children: loadingCircleStyle$1o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4336,7 +4432,7 @@ FirstLast.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var RelatedProp = function RelatedProp(props) {
   var color = props.color,
@@ -4350,7 +4446,7 @@ var RelatedProp = function RelatedProp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1n
+    children: loadingCircleStyle$1p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4382,7 +4478,7 @@ RelatedProp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SortRise = function SortRise(props) {
   var color = props.color,
@@ -4396,7 +4492,7 @@ var SortRise = function SortRise(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1o
+    children: loadingCircleStyle$1q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4432,7 +4528,7 @@ SortRise.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SortDrop = function SortDrop(props) {
   var color = props.color,
@@ -4446,7 +4542,7 @@ var SortDrop = function SortDrop(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1p
+    children: loadingCircleStyle$1r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4482,7 +4578,7 @@ SortDrop.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Ascent = function Ascent(props) {
   var color = props.color,
@@ -4496,7 +4592,7 @@ var Ascent = function Ascent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1q
+    children: loadingCircleStyle$1s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4528,7 +4624,7 @@ Ascent.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Descent = function Descent(props) {
   var color = props.color,
@@ -4542,7 +4638,7 @@ var Descent = function Descent(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1r
+    children: loadingCircleStyle$1t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4574,7 +4670,7 @@ Descent.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SortA2z = function SortA2z(props) {
   var color = props.color,
@@ -4588,7 +4684,7 @@ var SortA2z = function SortA2z(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1s
+    children: loadingCircleStyle$1u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4604,11 +4700,21 @@ var SortA2z = function SortA2z(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M22 12.047h-5.742l5.565-7.838V3H14v1.541h5.557L14 12.334v1.24h8v-1.527z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18 2a1 1 0 011 1v17a1 1 0 11-2 0V3a1 1 0 011-1z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M3.98 21l.889-2.561h4.247L10.012 21H12L7.85 10H6.143L2 21h1.98zm3.012-8.665l1.59 4.563H5.403l1.588-4.563z"
+    d: "M13.707 16.293a1 1 0 011.414 0l3.586 3.586a1 1 0 01-1.414 1.414l-3.586-3.586a1 1 0 010-1.414z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22.293 16.293a1 1 0 00-1.414 0l-3.586 3.586a1 1 0 001.414 1.414l3.586-3.586a1 1 0 000-1.414z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.736 2L10 10H8.611l-.795-2.062H4.172L3.377 10H2l3.264-8h1.472zm.688 4.93l-1.4-3.62h-.048L4.564 6.93h2.86z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2.859 13h6.354v1.097l-5.014 6.73H9.5V22h-7v-1.084l5.026-6.744H2.859V13z"
   })));
 };
 
@@ -4624,7 +4730,7 @@ SortA2z.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SortZ2a = function SortZ2a(props) {
   var color = props.color,
@@ -4638,7 +4744,7 @@ var SortZ2a = function SortZ2a(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1t
+    children: loadingCircleStyle$1v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4654,11 +4760,21 @@ var SortZ2a = function SortZ2a(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M10 12.035H4.258l5.565-7.826V3H2v1.541h5.557L2 12.322v1.24h8v-1.527z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18 22a1 1 0 01-1-1V4a1 1 0 112 0v17a1 1 0 01-1 1z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22.293 7.707a1 1 0 01-1.414 0l-3.586-3.586a1 1 0 011.414-1.414l3.586 3.586a1 1 0 010 1.414z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M13.98 21l.889-2.561h4.247L20.012 21H22l-4.15-11h-1.708L12 21h1.98zm3.012-8.665l1.59 4.563h-3.178l1.588-4.563z"
+    d: "M13.707 7.707a1 1 0 001.414 0l3.586-3.586a1 1 0 00-1.414-1.414l-3.586 3.586a1 1 0 000 1.414z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.736 2L10 10H8.611l-.795-2.062H4.172L3.377 10H2l3.264-8h1.472zm.688 4.93l-1.4-3.62h-.048L4.564 6.93h2.86z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2.859 13h6.354v1.097l-5.014 6.73H9.5V22h-7v-1.084l5.026-6.744H2.859V13z"
   })));
 };
 
@@ -4674,7 +4790,7 @@ SortZ2a.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Sort = function Sort(props) {
   var color = props.color,
@@ -4688,7 +4804,7 @@ var Sort = function Sort(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1u
+    children: loadingCircleStyle$1w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4720,7 +4836,7 @@ Sort.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SortResult = function SortResult(props) {
   var color = props.color,
@@ -4734,7 +4850,7 @@ var SortResult = function SortResult(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1v
+    children: loadingCircleStyle$1x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4772,7 +4888,7 @@ SortResult.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TA2b = function TA2b(props) {
   var color = props.color,
@@ -4786,7 +4902,7 @@ var TA2b = function TA2b(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1w
+    children: loadingCircleStyle$1y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4818,7 +4934,7 @@ TA2b.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TX2y = function TX2y(props) {
   var color = props.color,
@@ -4832,7 +4948,7 @@ var TX2y = function TX2y(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1x
+    children: loadingCircleStyle$1z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4868,7 +4984,7 @@ TX2y.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Parameter = function Parameter(props) {
   var color = props.color,
@@ -4882,7 +4998,7 @@ var Parameter = function Parameter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1y
+    children: loadingCircleStyle$1A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4920,7 +5036,7 @@ Parameter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Groups = function Groups(props) {
   var color = props.color,
@@ -4934,7 +5050,7 @@ var Groups = function Groups(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1z
+    children: loadingCircleStyle$1B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -4966,7 +5082,7 @@ Groups.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EventTree = function EventTree(props) {
   var color = props.color,
@@ -4980,7 +5096,7 @@ var EventTree = function EventTree(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1A
+    children: loadingCircleStyle$1C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5012,7 +5128,7 @@ EventTree.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Split = function Split(props) {
   var color = props.color,
@@ -5026,7 +5142,7 @@ var Split = function Split(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1B
+    children: loadingCircleStyle$1D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5058,7 +5174,7 @@ Split.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var CustomPartition = function CustomPartition(props) {
   var color = props.color,
@@ -5072,7 +5188,7 @@ var CustomPartition = function CustomPartition(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1C
+    children: loadingCircleStyle$1E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5104,7 +5220,7 @@ CustomPartition.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Result = function Result(props) {
   var color = props.color,
@@ -5118,7 +5234,7 @@ var Result = function Result(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1D
+    children: loadingCircleStyle$1F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5154,7 +5270,7 @@ Result.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Alert = function Alert(props) {
   var color = props.color,
@@ -5168,7 +5284,7 @@ var Alert = function Alert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1E
+    children: loadingCircleStyle$1G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5202,7 +5318,7 @@ Alert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ViewOriginal = function ViewOriginal(props) {
   var color = props.color,
@@ -5216,7 +5332,7 @@ var ViewOriginal = function ViewOriginal(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1F
+    children: loadingCircleStyle$1H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5255,7 +5371,7 @@ ViewOriginal.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Attribution = function Attribution(props) {
   var color = props.color,
@@ -5269,7 +5385,7 @@ var Attribution = function Attribution(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1G
+    children: loadingCircleStyle$1I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5303,7 +5419,7 @@ Attribution.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Cost = function Cost(props) {
   var color = props.color,
@@ -5317,7 +5433,7 @@ var Cost = function Cost(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1H
+    children: loadingCircleStyle$1J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5349,7 +5465,7 @@ Cost.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Exposure = function Exposure(props) {
   var color = props.color,
@@ -5363,7 +5479,7 @@ var Exposure = function Exposure(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1I
+    children: loadingCircleStyle$1K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5395,7 +5511,7 @@ Exposure.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Indicator = function Indicator(props) {
   var color = props.color,
@@ -5409,7 +5525,7 @@ var Indicator = function Indicator(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1J
+    children: loadingCircleStyle$1L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5443,7 +5559,7 @@ Indicator.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Currency = function Currency(props) {
   var color = props.color,
@@ -5457,7 +5573,7 @@ var Currency = function Currency(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1K
+    children: loadingCircleStyle$1M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5489,7 +5605,7 @@ Currency.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Contrast = function Contrast(props) {
   var color = props.color,
@@ -5503,7 +5619,7 @@ var Contrast = function Contrast(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1L
+    children: loadingCircleStyle$1N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5537,7 +5653,63 @@ Contrast.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+
+var Index = function Index(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      iconClassName = props.iconClassName,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className", "iconClassName"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$1O
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    className: iconClassName,
+    style: _objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18 4H7v2h11V4z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 11h14v2H7v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 18h7v2H7v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 4H3v2h2V4z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 18H3v2h2v-2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5 11H3v2h2v-2z"
+  })));
+};
+
+Index.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Index.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$1P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SortUpCl = function SortUpCl(props) {
   var color = props.color,
@@ -5551,7 +5723,7 @@ var SortUpCl = function SortUpCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1M
+    children: loadingCircleStyle$1P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5567,11 +5739,40 @@ var SortUpCl = function SortUpCl(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 15l6 6 6-6H6z",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 5a1 1 0 01-1 1H3a1 1 0 110-2h5a1 1 0 011 1z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 20a1 1 0 01-1 1H3a1 1 0 110-2h11a1 1 0 011 1z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13 15a1 1 0 01-1 1H3a1 1 0 110-2h9a1 1 0 011 1z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11 10a1 1 0 01-1 1H3a1 1 0 110-2h7a1 1 0 011 1z",
     fill: "#747C94"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 9l6-6 6 6H6z",
-    fill: "#1673F6"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18 22a1 1 0 01-1-1V4a1 1 0 112 0v17a1 1 0 01-1 1z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22.293 7.707a1 1 0 01-1.414 0l-3.586-3.586a1 1 0 011.414-1.414l3.586 3.586a1 1 0 010 1.414z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.707 7.707a1 1 0 001.414 0l3.586-3.586a1 1 0 00-1.414-1.414l-3.586 3.586a1 1 0 000 1.414z",
+    fill: "#747C94"
   })));
 };
 
@@ -5587,7 +5788,7 @@ SortUpCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SortDownCl = function SortDownCl(props) {
   var color = props.color,
@@ -5601,7 +5802,7 @@ var SortDownCl = function SortDownCl(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1N
+    children: loadingCircleStyle$1Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5617,10 +5818,39 @@ var SortDownCl = function SortDownCl(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 15l6 6 6-6H6z",
-    fill: "#1673F6"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18 2a1 1 0 011 1v17a1 1 0 11-2 0V3a1 1 0 011-1z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.707 16.293a1 1 0 011.414 0l3.586 3.586a1 1 0 01-1.414 1.414l-3.586-3.586a1 1 0 010-1.414z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22.293 16.293a1 1 0 00-1.414 0l-3.586 3.586a1 1 0 001.414 1.414l3.586-3.586a1 1 0 000-1.414z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 4a1 1 0 011-1h11a1 1 0 110 2H3a1 1 0 01-1-1z",
+    fill: "#747C94"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 9l6-6 6 6H6z",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 9a1 1 0 011-1h9a1 1 0 110 2H3a1 1 0 01-1-1z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 14a1 1 0 011-1h7a1 1 0 110 2H3a1 1 0 01-1-1z",
+    fill: "#747C94"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 19a1 1 0 011-1h5a1 1 0 110 2H3a1 1 0 01-1-1z",
     fill: "#747C94"
   })));
 };
@@ -5637,7 +5867,7 @@ SortDownCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorEqual = function OperatorEqual(props) {
   var color = props.color,
@@ -5651,7 +5881,7 @@ var OperatorEqual = function OperatorEqual(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$1O
+    children: loadingCircleStyle$1R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5685,7 +5915,7 @@ OperatorEqual.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorUnequal = function OperatorUnequal(props) {
   var color = props.color,
@@ -5699,7 +5929,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$1P
+    children: loadingCircleStyle$1S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5733,7 +5963,7 @@ OperatorUnequal.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorDivide = function OperatorDivide(props) {
   var color = props.color,
@@ -5747,7 +5977,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$1Q
+    children: loadingCircleStyle$1T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5779,7 +6009,7 @@ OperatorDivide.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorNoValue = function OperatorNoValue(props) {
   var color = props.color,
@@ -5793,7 +6023,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$1R
+    children: loadingCircleStyle$1U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5827,7 +6057,7 @@ OperatorNoValue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorHasValue = function OperatorHasValue(props) {
   var color = props.color,
@@ -5841,7 +6071,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$1S
+    children: loadingCircleStyle$1V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5875,7 +6105,7 @@ OperatorHasValue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorInside = function OperatorInside(props) {
   var color = props.color,
@@ -5889,7 +6119,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$1T
+    children: loadingCircleStyle$1W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5921,7 +6151,7 @@ OperatorInside.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorInclude = function OperatorInclude(props) {
   var color = props.color,
@@ -5935,7 +6165,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$1U
+    children: loadingCircleStyle$1X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -5969,7 +6199,7 @@ OperatorInclude.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorNotInclude = function OperatorNotInclude(props) {
   var color = props.color,
@@ -5983,7 +6213,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$1V
+    children: loadingCircleStyle$1Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6024,7 +6254,7 @@ OperatorNotInclude.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorLess = function OperatorLess(props) {
   var color = props.color,
@@ -6038,7 +6268,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$1W
+    children: loadingCircleStyle$1Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6072,7 +6302,7 @@ OperatorLess.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorNoBigger = function OperatorNoBigger(props) {
   var color = props.color,
@@ -6086,7 +6316,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$1X
+    children: loadingCircleStyle$1_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6120,7 +6350,7 @@ OperatorNoBigger.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$1$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorBigger = function OperatorBigger(props) {
   var color = props.color,
@@ -6134,7 +6364,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$1Y
+    children: loadingCircleStyle$1$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6168,7 +6398,7 @@ OperatorBigger.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$20 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorNoLess = function OperatorNoLess(props) {
   var color = props.color,
@@ -6182,7 +6412,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$1Z
+    children: loadingCircleStyle$20
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6216,7 +6446,7 @@ OperatorNoLess.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$21 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorTrue = function OperatorTrue(props) {
   var color = props.color,
@@ -6230,7 +6460,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$1_
+    children: loadingCircleStyle$21
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6264,7 +6494,7 @@ OperatorTrue.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$1$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$22 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorFalse = function OperatorFalse(props) {
   var color = props.color,
@@ -6278,7 +6508,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$1$
+    children: loadingCircleStyle$22
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6312,7 +6542,7 @@ OperatorFalse.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$20 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$23 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorRegex = function OperatorRegex(props) {
   var color = props.color,
@@ -6326,7 +6556,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$20
+    children: loadingCircleStyle$23
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6360,7 +6590,7 @@ OperatorRegex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$21 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$24 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorNoRegex = function OperatorNoRegex(props) {
   var color = props.color,
@@ -6374,7 +6604,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$21
+    children: loadingCircleStyle$24
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6408,7 +6638,7 @@ OperatorNoRegex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$22 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$25 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoDingdingCl = function LogoDingdingCl(props) {
   var color = props.color,
@@ -6422,7 +6652,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$22
+    children: loadingCircleStyle$25
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6455,7 +6685,7 @@ LogoDingdingCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$23 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$26 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoDingdingGray = function LogoDingdingGray(props) {
   var color = props.color,
@@ -6469,7 +6699,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$23
+    children: loadingCircleStyle$26
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6501,7 +6731,7 @@ LogoDingdingGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$24 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$27 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWecomCl = function LogoWecomCl(props) {
   var color = props.color,
@@ -6515,7 +6745,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$24
+    children: loadingCircleStyle$27
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6560,7 +6790,7 @@ LogoWecomCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$25 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$28 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWecomGray = function LogoWecomGray(props) {
   var color = props.color,
@@ -6574,7 +6804,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$25
+    children: loadingCircleStyle$28
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6606,7 +6836,7 @@ LogoWecomGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$26 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$29 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWechatCl = function LogoWechatCl(props) {
   var color = props.color,
@@ -6620,7 +6850,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$26
+    children: loadingCircleStyle$29
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6661,7 +6891,7 @@ LogoWechatCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$27 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoWechatGray = function LogoWechatGray(props) {
   var color = props.color,
@@ -6675,7 +6905,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$27
+    children: loadingCircleStyle$2a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6714,7 +6944,7 @@ LogoWechatGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$28 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoFeishuCl = function LogoFeishuCl(props) {
   var color = props.color,
@@ -6728,7 +6958,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$28
+    children: loadingCircleStyle$2b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6778,7 +7008,7 @@ LogoFeishuCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$29 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoKingCl = function LogoKingCl(props) {
   var color = props.color,
@@ -6792,7 +7022,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$29
+    children: loadingCircleStyle$2c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6825,7 +7055,7 @@ LogoKingCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
   var color = props.color,
@@ -6839,7 +7069,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$2a
+    children: loadingCircleStyle$2d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -6876,7 +7106,7 @@ LogoCurrencylayerCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoGarenaCl = function LogoGarenaCl(props) {
   var color = props.color,
@@ -6890,7 +7120,7 @@ var LogoGarenaCl = function LogoGarenaCl(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,
@@ -6923,7 +7153,7 @@ LogoGarenaCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoAndroidGray = function LogoAndroidGray(props) {
   var color = props.color,
@@ -6937,7 +7167,7 @@ var LogoAndroidGray = function LogoAndroidGray(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,
@@ -6969,7 +7199,7 @@ LogoAndroidGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoAppleGray = function LogoAppleGray(props) {
   var color = props.color,
@@ -6983,7 +7213,7 @@ var LogoAppleGray = function LogoAppleGray(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,
@@ -7015,7 +7245,7 @@ LogoAppleGray.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LogoXiaomiCl = function LogoXiaomiCl(props) {
   var color = props.color,
@@ -7029,7 +7259,7 @@ var LogoXiaomiCl = function LogoXiaomiCl(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,
@@ -7062,7 +7292,7 @@ LogoXiaomiCl.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Info = function Info(props) {
   var color = props.color,
@@ -7076,7 +7306,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$2f
+    children: loadingCircleStyle$2i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7112,7 +7342,7 @@ Info.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var InfoFill = function InfoFill(props) {
   var color = props.color,
@@ -7126,7 +7356,7 @@ var InfoFill = function InfoFill(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,
@@ -7158,7 +7388,7 @@ InfoFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Help = function Help(props) {
   var color = props.color,
@@ -7172,7 +7402,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$2h
+    children: loadingCircleStyle$2k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7204,7 +7434,7 @@ Help.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var History = function History(props) {
   var color = props.color,
@@ -7218,7 +7448,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$2i
+    children: loadingCircleStyle$2l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7250,7 +7480,7 @@ History.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Backup = function Backup(props) {
   var color = props.color,
@@ -7264,7 +7494,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$2j
+    children: loadingCircleStyle$2m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7298,7 +7528,7 @@ Backup.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Error = function Error(props) {
   var color = props.color,
@@ -7312,7 +7542,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$2k
+    children: loadingCircleStyle$2n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7348,7 +7578,7 @@ Error.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ErrorFill = function ErrorFill(props) {
   var color = props.color,
@@ -7362,7 +7592,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$2l
+    children: loadingCircleStyle$2o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7394,7 +7624,7 @@ ErrorFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Error2 = function Error2(props) {
   var color = props.color,
@@ -7408,7 +7638,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$2m
+    children: loadingCircleStyle$2p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7442,7 +7672,7 @@ Error2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Error2Fill = function Error2Fill(props) {
   var color = props.color,
@@ -7456,7 +7686,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$2n
+    children: loadingCircleStyle$2q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7490,7 +7720,7 @@ Error2Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Success = function Success(props) {
   var color = props.color,
@@ -7504,7 +7734,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$2o
+    children: loadingCircleStyle$2r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7536,7 +7766,7 @@ Success.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SuccessFill = function SuccessFill(props) {
   var color = props.color,
@@ -7550,7 +7780,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$2p
+    children: loadingCircleStyle$2s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7584,7 +7814,7 @@ SuccessFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Delete2 = function Delete2(props) {
   var color = props.color,
@@ -7598,7 +7828,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$2q
+    children: loadingCircleStyle$2t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7630,7 +7860,7 @@ Delete2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Delete2Fill = function Delete2Fill(props) {
   var color = props.color,
@@ -7644,7 +7874,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$2r
+    children: loadingCircleStyle$2u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7676,7 +7906,7 @@ Delete2Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Exchange = function Exchange(props) {
   var color = props.color,
@@ -7690,7 +7920,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$2s
+    children: loadingCircleStyle$2v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7722,7 +7952,7 @@ Exchange.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SwapFill = function SwapFill(props) {
   var color = props.color,
@@ -7736,7 +7966,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$2t
+    children: loadingCircleStyle$2w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7768,7 +7998,7 @@ SwapFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Processing = function Processing(props) {
   var color = props.color,
@@ -7782,7 +8012,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$2u
+    children: loadingCircleStyle$2x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7814,7 +8044,7 @@ Processing.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Processing2 = function Processing2(props) {
   var color = props.color,
@@ -7828,7 +8058,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$2v
+    children: loadingCircleStyle$2y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7862,7 +8092,7 @@ Processing2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Done = function Done(props) {
   var color = props.color,
@@ -7876,7 +8106,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$2w
+    children: loadingCircleStyle$2z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7908,7 +8138,7 @@ Done.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Close = function Close(props) {
   var color = props.color,
@@ -7922,7 +8152,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$2x
+    children: loadingCircleStyle$2A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -7954,7 +8184,7 @@ Close.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var StarOutline = function StarOutline(props) {
   var color = props.color,
@@ -7968,7 +8198,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$2y
+    children: loadingCircleStyle$2B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8000,7 +8230,7 @@ StarOutline.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var StarFill = function StarFill(props) {
   var color = props.color,
@@ -8014,7 +8244,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$2z
+    children: loadingCircleStyle$2C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8046,7 +8276,7 @@ StarFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TimeLock = function TimeLock(props) {
   var color = props.color,
@@ -8060,7 +8290,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$2A
+    children: loadingCircleStyle$2D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8092,7 +8322,7 @@ TimeLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Heart = function Heart(props) {
   var color = props.color,
@@ -8106,7 +8336,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$2B
+    children: loadingCircleStyle$2E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8138,7 +8368,7 @@ Heart.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Bookmark = function Bookmark(props) {
   var color = props.color,
@@ -8152,7 +8382,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$2C
+    children: loadingCircleStyle$2F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8184,7 +8414,7 @@ Bookmark.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Bookmark2 = function Bookmark2(props) {
   var color = props.color,
@@ -8198,7 +8428,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$2D
+    children: loadingCircleStyle$2G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8230,7 +8460,7 @@ Bookmark2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LockClose = function LockClose(props) {
   var color = props.color,
@@ -8244,7 +8474,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$2E
+    children: loadingCircleStyle$2H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8280,7 +8510,7 @@ LockClose.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LockCloseFill = function LockCloseFill(props) {
   var color = props.color,
@@ -8294,7 +8524,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$2F
+    children: loadingCircleStyle$2I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8326,7 +8556,7 @@ LockCloseFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LockOpen = function LockOpen(props) {
   var color = props.color,
@@ -8340,7 +8570,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$2G
+    children: loadingCircleStyle$2J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8372,7 +8602,7 @@ LockOpen.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var LockOpenFill = function LockOpenFill(props) {
   var color = props.color,
@@ -8386,7 +8616,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$2H
+    children: loadingCircleStyle$2K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8418,7 +8648,7 @@ LockOpenFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EyeOn = function EyeOn(props) {
   var color = props.color,
@@ -8432,7 +8662,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$2I
+    children: loadingCircleStyle$2L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8464,7 +8694,7 @@ EyeOn.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EyeOnFill = function EyeOnFill(props) {
   var color = props.color,
@@ -8478,7 +8708,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$2J
+    children: loadingCircleStyle$2M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8512,7 +8742,7 @@ EyeOnFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EyeOff = function EyeOff(props) {
   var color = props.color,
@@ -8526,7 +8756,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$2K
+    children: loadingCircleStyle$2N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8558,7 +8788,7 @@ EyeOff.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EyeOffFill = function EyeOffFill(props) {
   var color = props.color,
@@ -8572,7 +8802,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$2L
+    children: loadingCircleStyle$2O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8606,7 +8836,7 @@ EyeOffFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Dot = function Dot(props) {
   var color = props.color,
@@ -8620,7 +8850,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$2M
+    children: loadingCircleStyle$2P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8654,7 +8884,7 @@ Dot.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Anchor = function Anchor(props) {
   var color = props.color,
@@ -8668,7 +8898,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$2N
+    children: loadingCircleStyle$2Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8700,7 +8930,7 @@ Anchor.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartLine = function ChartLine(props) {
   var color = props.color,
@@ -8714,7 +8944,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$2O
+    children: loadingCircleStyle$2R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8752,7 +8982,7 @@ ChartLine.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartBar = function ChartBar(props) {
   var color = props.color,
@@ -8766,7 +8996,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$2P
+    children: loadingCircleStyle$2S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8802,7 +9032,7 @@ ChartBar.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartCum = function ChartCum(props) {
   var color = props.color,
@@ -8816,7 +9046,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$2Q
+    children: loadingCircleStyle$2T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8858,7 +9088,7 @@ ChartCum.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartPie = function ChartPie(props) {
   var color = props.color,
@@ -8872,7 +9102,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$2R
+    children: loadingCircleStyle$2U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8906,7 +9136,7 @@ ChartPie.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartDNRe = function ChartDNRe(props) {
   var color = props.color,
@@ -8920,7 +9150,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$2S
+    children: loadingCircleStyle$2V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -8964,7 +9194,7 @@ ChartDNRe.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartDRe = function ChartDRe(props) {
   var color = props.color,
@@ -8978,7 +9208,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$2T
+    children: loadingCircleStyle$2W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9022,7 +9252,7 @@ ChartDRe.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartFunnel = function ChartFunnel(props) {
   var color = props.color,
@@ -9036,7 +9266,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$2U
+    children: loadingCircleStyle$2X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9072,7 +9302,7 @@ ChartFunnel.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartInterval = function ChartInterval(props) {
   var color = props.color,
@@ -9086,7 +9316,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$2V
+    children: loadingCircleStyle$2Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9120,7 +9350,7 @@ ChartInterval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartStack = function ChartStack(props) {
   var color = props.color,
@@ -9134,7 +9364,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$2W
+    children: loadingCircleStyle$2Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9168,7 +9398,7 @@ ChartStack.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartStackn = function ChartStackn(props) {
   var color = props.color,
@@ -9182,7 +9412,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$2X
+    children: loadingCircleStyle$2_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9216,7 +9446,7 @@ ChartStackn.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$2$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartStackPerc = function ChartStackPerc(props) {
   var color = props.color,
@@ -9230,7 +9460,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$2Y
+    children: loadingCircleStyle$2$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9264,7 +9494,7 @@ ChartStackPerc.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$30 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartComplex = function ChartComplex(props) {
   var color = props.color,
@@ -9278,7 +9508,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$2Z
+    children: loadingCircleStyle$30
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9318,7 +9548,7 @@ ChartComplex.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$31 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartHistogram = function ChartHistogram(props) {
   var color = props.color,
@@ -9332,7 +9562,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$2_
+    children: loadingCircleStyle$31
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9378,7 +9608,7 @@ ChartHistogram.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$2$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$32 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartTable = function ChartTable(props) {
   var color = props.color,
@@ -9392,7 +9622,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$2$
+    children: loadingCircleStyle$32
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9424,7 +9654,7 @@ ChartTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$30 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$33 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartFieldlist = function ChartFieldlist(props) {
   var color = props.color,
@@ -9438,7 +9668,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$30
+    children: loadingCircleStyle$33
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9470,7 +9700,7 @@ ChartFieldlist.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$31 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$34 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Table1dtable = function Table1dtable(props) {
   var color = props.color,
@@ -9484,7 +9714,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$31
+    children: loadingCircleStyle$34
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9534,7 +9764,7 @@ Table1dtable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$32 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$35 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartSqltable = function ChartSqltable(props) {
   var color = props.color,
@@ -9548,7 +9778,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$32
+    children: loadingCircleStyle$35
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9580,7 +9810,7 @@ ChartSqltable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$33 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$36 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartCombinedTable = function ChartCombinedTable(props) {
   var color = props.color,
@@ -9594,7 +9824,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$33
+    children: loadingCircleStyle$36
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9626,7 +9856,7 @@ ChartCombinedTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$34 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$37 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartDistTable = function ChartDistTable(props) {
   var color = props.color,
@@ -9640,7 +9870,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$34
+    children: loadingCircleStyle$37
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9672,7 +9902,7 @@ ChartDistTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$35 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$38 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartBarTable = function ChartBarTable(props) {
   var color = props.color,
@@ -9686,7 +9916,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$35
+    children: loadingCircleStyle$38
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9720,7 +9950,7 @@ ChartBarTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$36 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$39 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ChartLineTable = function ChartLineTable(props) {
   var color = props.color,
@@ -9734,7 +9964,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$36
+    children: loadingCircleStyle$39
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9774,7 +10004,7 @@ ChartLineTable.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$37 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Play = function Play(props) {
   var color = props.color,
@@ -9788,7 +10018,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$37
+    children: loadingCircleStyle$3a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9820,7 +10050,7 @@ Play.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$38 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Config = function Config(props) {
   var color = props.color,
@@ -9834,7 +10064,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$38
+    children: loadingCircleStyle$3b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9866,7 +10096,7 @@ Config.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$39 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Setting = function Setting(props) {
   var color = props.color,
@@ -9880,7 +10110,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$39
+    children: loadingCircleStyle$3c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9912,7 +10142,7 @@ Setting.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Search = function Search(props) {
   var color = props.color,
@@ -9926,7 +10156,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$3a
+    children: loadingCircleStyle$3d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -9958,7 +10188,7 @@ Search.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Copy = function Copy(props) {
   var color = props.color,
@@ -9972,7 +10202,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$3b
+    children: loadingCircleStyle$3e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10004,7 +10234,7 @@ Copy.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Copy2 = function Copy2(props) {
   var color = props.color,
@@ -10018,7 +10248,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$3c
+    children: loadingCircleStyle$3f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10050,7 +10280,7 @@ Copy2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Format = function Format(props) {
   var color = props.color,
@@ -10064,7 +10294,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$3d
+    children: loadingCircleStyle$3g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10098,7 +10328,7 @@ Format.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Code = function Code(props) {
   var color = props.color,
@@ -10112,7 +10342,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$3e
+    children: loadingCircleStyle$3h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10144,7 +10374,7 @@ Code.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Edit = function Edit(props) {
   var color = props.color,
@@ -10158,7 +10388,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$3f
+    children: loadingCircleStyle$3i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10190,7 +10420,7 @@ Edit.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EditFill = function EditFill(props) {
   var color = props.color,
@@ -10204,7 +10434,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$3g
+    children: loadingCircleStyle$3j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10238,7 +10468,7 @@ EditFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Delete1 = function Delete1(props) {
   var color = props.color,
@@ -10252,7 +10482,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$3h
+    children: loadingCircleStyle$3k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10284,7 +10514,7 @@ Delete1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Save = function Save(props) {
   var color = props.color,
@@ -10298,7 +10528,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$3i
+    children: loadingCircleStyle$3l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10330,7 +10560,7 @@ Save.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Send = function Send(props) {
   var color = props.color,
@@ -10344,7 +10574,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$3j
+    children: loadingCircleStyle$3m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10376,7 +10606,7 @@ Send.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Fullscreen = function Fullscreen(props) {
   var color = props.color,
@@ -10390,7 +10620,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$3k
+    children: loadingCircleStyle$3n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10422,7 +10652,7 @@ Fullscreen.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowLeftDown = function ArrowLeftDown(props) {
   var color = props.color,
@@ -10436,7 +10666,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$3l
+    children: loadingCircleStyle$3o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10468,7 +10698,7 @@ ArrowLeftDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Link = function Link(props) {
   var color = props.color,
@@ -10482,7 +10712,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$3m
+    children: loadingCircleStyle$3p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10518,7 +10748,7 @@ Link.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Unlink = function Unlink(props) {
   var color = props.color,
@@ -10532,7 +10762,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$3n
+    children: loadingCircleStyle$3q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10570,7 +10800,7 @@ Unlink.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MenuUnfold = function MenuUnfold(props) {
   var color = props.color,
@@ -10584,7 +10814,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$3o
+    children: loadingCircleStyle$3r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10616,7 +10846,7 @@ MenuUnfold.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MenuFold = function MenuFold(props) {
   var color = props.color,
@@ -10630,7 +10860,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$3p
+    children: loadingCircleStyle$3s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10662,7 +10892,7 @@ MenuFold.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var List = function List(props) {
   var color = props.color,
@@ -10676,7 +10906,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$3q
+    children: loadingCircleStyle$3t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10708,7 +10938,7 @@ List.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ListNested = function ListNested(props) {
   var color = props.color,
@@ -10722,7 +10952,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$3r
+    children: loadingCircleStyle$3u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10756,7 +10986,7 @@ ListNested.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DoubleList = function DoubleList(props) {
   var color = props.color,
@@ -10770,7 +11000,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$3s
+    children: loadingCircleStyle$3v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10812,7 +11042,7 @@ DoubleList.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Download = function Download(props) {
   var color = props.color,
@@ -10826,7 +11056,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$3t
+    children: loadingCircleStyle$3w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10858,7 +11088,7 @@ Download.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FullDownload = function FullDownload(props) {
   var color = props.color,
@@ -10872,7 +11102,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$3u
+    children: loadingCircleStyle$3x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10906,7 +11136,7 @@ FullDownload.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Export = function Export(props) {
   var color = props.color,
@@ -10920,7 +11150,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$3v
+    children: loadingCircleStyle$3y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10954,7 +11184,7 @@ Export.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Import = function Import(props) {
   var color = props.color,
@@ -10968,7 +11198,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$3w
+    children: loadingCircleStyle$3z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11002,7 +11232,7 @@ Import.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Add1 = function Add1(props) {
   var color = props.color,
@@ -11016,7 +11246,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$3x
+    children: loadingCircleStyle$3A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11048,7 +11278,7 @@ Add1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Add2 = function Add2(props) {
   var color = props.color,
@@ -11062,7 +11292,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$3y
+    children: loadingCircleStyle$3B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11094,7 +11324,7 @@ Add2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Add3 = function Add3(props) {
   var color = props.color,
@@ -11108,7 +11338,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$3z
+    children: loadingCircleStyle$3C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11140,7 +11370,7 @@ Add3.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Add3Fill = function Add3Fill(props) {
   var color = props.color,
@@ -11154,7 +11384,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$3A
+    children: loadingCircleStyle$3D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11186,7 +11416,7 @@ Add3Fill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Subtract = function Subtract(props) {
   var color = props.color,
@@ -11200,7 +11430,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$3B
+    children: loadingCircleStyle$3E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11235,7 +11465,7 @@ Subtract.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Subtract2 = function Subtract2(props) {
   var color = props.color,
@@ -11249,7 +11479,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$3C
+    children: loadingCircleStyle$3F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11285,7 +11515,7 @@ Subtract2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Update = function Update(props) {
   var color = props.color,
@@ -11299,7 +11529,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$3D
+    children: loadingCircleStyle$3G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11331,7 +11561,7 @@ Update.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Rename = function Rename(props) {
   var color = props.color,
@@ -11345,7 +11575,7 @@ var Rename = function Rename(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,
@@ -11379,7 +11609,7 @@ Rename.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var PlayCircle = function PlayCircle(props) {
   var color = props.color,
@@ -11393,7 +11623,99 @@ var PlayCircle = function PlayCircle(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,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    className: iconClassName,
+    style: _objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16.001A8 8 0 0012 20zM10.622 8.415l4.879 3.252a.4.4 0 010 .666l-4.88 3.252a.4.4 0 01-.621-.332V8.747a.4.4 0 01.622-.332z"
+  })));
+};
+
+PlayCircle.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+PlayCircle.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 } .tant-icon-span > svg { cursor: pointer }';
+
+var PauseCircle = function PauseCircle(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      iconClassName = props.iconClassName,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className", "iconClassName"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3J
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    className: iconClassName,
+    style: _objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16.001A8 8 0 0012 20zM9 9h2v6H9V9zm4 0h2v6h-2V9z"
+  })));
+};
+
+PauseCircle.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+PauseCircle.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 } .tant-icon-span > svg { cursor: pointer }';
+
+var Upload = function Upload(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      iconClassName = props.iconClassName,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className", "iconClassName"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11409,25 +11731,29 @@ var PlayCircle = function PlayCircle(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16.001A8 8 0 0012 20zM10.622 8.415l4.879 3.252a.4.4 0 010 .666l-4.88 3.252a.4.4 0 01-.621-.332V8.747a.4.4 0 01.622-.332z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M21.528 20.951v-4.095a.909.909 0 00-.258-.623.917.917 0 00-.636-.256c-.492 0-.9.39-.9.873v3.28H4.272v-3.28a.864.864 0 00-.264-.617.917.917 0 00-.636-.256c-.492 0-.9.39-.9.873v4.096c0 .058 0 .104.012.157.048.437.432.78.894.78h17.238a.9.9 0 00.882-.704.906.906 0 00.03-.228z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.23 3.32L6.808 7.614a1.022 1.022 0 00-.018 1.444 1.08 1.08 0 001.488 0l2.658-2.58v9.454c0 .286.114.536.306.722.192.181.456.297.744.297.576 0 1.05-.46 1.05-1.019V6.478l2.658 2.58a1.08 1.08 0 001.488 0 1.003 1.003 0 000-1.444L12.76 3.32l-.024-.023a1.035 1.035 0 00-.609-.288.17.17 0 00-.027-.003L11.998 3c-.036 0-.072 0-.108.006a.17.17 0 00-.027.003 1.054 1.054 0 00-.609.288l-.006.006c-.006.004-.013.01-.018.017z"
   })));
 };
 
-PlayCircle.propTypes = {
+Upload.propTypes = {
   iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-PlayCircle.defaultProps = {
+Upload.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 } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
-var PauseCircle = function PauseCircle(props) {
+var UpdateData = function UpdateData(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11439,7 +11765,7 @@ var PauseCircle = function PauseCircle(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,
@@ -11455,23 +11781,27 @@ var PauseCircle = function PauseCircle(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16.001A8 8 0 0012 20zM9 9h2v6H9V9zm4 0h2v6h-2V9z"
+    d: "M13 12h3l-4-4-4 4h3v4h2v-4z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
   })));
 };
 
-PauseCircle.propTypes = {
+UpdateData.propTypes = {
   iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-PauseCircle.defaultProps = {
+UpdateData.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 } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Report = function Report(props) {
   var color = props.color,
@@ -11485,7 +11815,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$3H
+    children: loadingCircleStyle$3M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11517,7 +11847,7 @@ Report.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -11531,7 +11861,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$3I
+    children: loadingCircleStyle$3N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11571,7 +11901,7 @@ ReportRemoval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileAdd = function FileAdd(props) {
   var color = props.color,
@@ -11585,7 +11915,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$3J
+    children: loadingCircleStyle$3O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11617,7 +11947,7 @@ FileAdd.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileRemove = function FileRemove(props) {
   var color = props.color,
@@ -11631,7 +11961,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$3K
+    children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11665,7 +11995,7 @@ FileRemove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileExport = function FileExport(props) {
   var color = props.color,
@@ -11679,7 +12009,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$3L
+    children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11711,7 +12041,7 @@ FileExport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileMove = function FileMove(props) {
   var color = props.color,
@@ -11725,7 +12055,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$3M
+    children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11757,7 +12087,7 @@ FileMove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileImport = function FileImport(props) {
   var color = props.color,
@@ -11771,7 +12101,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$3N
+    children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11803,7 +12133,7 @@ FileImport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileInfo = function FileInfo(props) {
   var color = props.color,
@@ -11817,7 +12147,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$3O
+    children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11849,7 +12179,7 @@ FileInfo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileConvert = function FileConvert(props) {
   var color = props.color,
@@ -11863,7 +12193,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$3P
+    children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11901,7 +12231,7 @@ FileConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var AssetConvert = function AssetConvert(props) {
   var color = props.color,
@@ -11915,7 +12245,7 @@ var AssetConvert = function AssetConvert(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,
@@ -11953,7 +12283,7 @@ AssetConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FileLock = function FileLock(props) {
   var color = props.color,
@@ -11967,7 +12297,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$3R
+    children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11999,7 +12329,7 @@ FileLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var FilePdf = function FilePdf(props) {
   var color = props.color,
@@ -12013,7 +12343,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$3S
+    children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12045,7 +12375,7 @@ FilePdf.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Detail = function Detail(props) {
   var color = props.color,
@@ -12059,7 +12389,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$3T
+    children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12075,7 +12405,7 @@ var Detail = function Detail(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M20.222 22H7.778a.767.767 0 01-.55-.234A.812.812 0 017 21.2V6.8c0-.212.082-.416.228-.566A.767.767 0 017.778 6h12.444c.206 0 .404.084.55.234.146.15.228.354.228.566v14.4a.812.812 0 01-.228.566.767.767 0 01-.55.234zm-.778-1.6V7.6H8.556v12.8h10.888zm-8.555-8.8h6.222v1.6H10.89v-1.6zm0 3.2h6.222v1.6H10.89v-1.6z"
+    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"
   })));
 };
 
@@ -12091,7 +12421,7 @@ Detail.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MessageCenter = function MessageCenter(props) {
   var color = props.color,
@@ -12105,7 +12435,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$3U
+    children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12145,7 +12475,7 @@ MessageCenter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var SystemMsg = function SystemMsg(props) {
   var color = props.color,
@@ -12159,7 +12489,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$3V
+    children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12197,7 +12527,7 @@ SystemMsg.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Comment = function Comment(props) {
   var color = props.color,
@@ -12211,7 +12541,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$3W
+    children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12247,7 +12577,7 @@ Comment.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Book = function Book(props) {
   var color = props.color,
@@ -12261,7 +12591,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$3X
+    children: loadingCircleStyle$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12293,7 +12623,7 @@ Book.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Book2 = function Book2(props) {
   var color = props.color,
@@ -12307,7 +12637,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$3Y
+    children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12339,7 +12669,7 @@ Book2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Sticker = function Sticker(props) {
   var color = props.color,
@@ -12353,7 +12683,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$3Z
+    children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12385,7 +12715,7 @@ Sticker.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var StickerFill = function StickerFill(props) {
   var color = props.color,
@@ -12399,7 +12729,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$3_
+    children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12431,7 +12761,7 @@ StickerFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EventSm = function EventSm(props) {
   var color = props.color,
@@ -12445,7 +12775,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$3$
+    children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12477,7 +12807,7 @@ EventSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var EPropertySm = function EPropertySm(props) {
   var color = props.color,
@@ -12491,7 +12821,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$40
+    children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12531,7 +12861,7 @@ EPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var IndicatorSm = function IndicatorSm(props) {
   var color = props.color,
@@ -12545,7 +12875,7 @@ var IndicatorSm = function IndicatorSm(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,
@@ -12581,7 +12911,7 @@ IndicatorSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var UPropertySm = function UPropertySm(props) {
   var color = props.color,
@@ -12595,7 +12925,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$42
+    children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12633,7 +12963,7 @@ UPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var UGroupSm = function UGroupSm(props) {
   var color = props.color,
@@ -12647,7 +12977,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$43
+    children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12693,7 +13023,7 @@ UGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var UTagSm = function UTagSm(props) {
   var color = props.color,
@@ -12707,7 +13037,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$44
+    children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12743,7 +13073,7 @@ UTagSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var AllGroupSm = function AllGroupSm(props) {
   var color = props.color,
@@ -12757,7 +13087,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$45
+    children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12795,7 +13125,7 @@ AllGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -12809,7 +13139,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$46
+    children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12841,7 +13171,7 @@ CalendarSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -12855,7 +13185,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$47
+    children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12893,7 +13223,7 @@ GroupAddSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -12907,7 +13237,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$48
+    children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12941,7 +13271,7 @@ BooleanSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ListSm = function ListSm(props) {
   var color = props.color,
@@ -12955,7 +13285,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$49
+    children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12997,7 +13327,7 @@ ListSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrayRowsSm = function ArrayRowsSm(props) {
   var color = props.color,
@@ -13011,7 +13341,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$4a
+    children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13045,7 +13375,7 @@ ArrayRowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var RowsSm = function RowsSm(props) {
   var color = props.color,
@@ -13059,7 +13389,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$4b
+    children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13101,7 +13431,7 @@ RowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var VPropertySm = function VPropertySm(props) {
   var color = props.color,
@@ -13115,7 +13445,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$4c
+    children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13153,7 +13483,7 @@ VPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var StringSm = function StringSm(props) {
   var color = props.color,
@@ -13167,7 +13497,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$4d
+    children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13201,7 +13531,7 @@ StringSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var NumSm = function NumSm(props) {
   var color = props.color,
@@ -13215,7 +13545,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$4e
+    children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13249,7 +13579,7 @@ NumSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TimeSm = function TimeSm(props) {
   var color = props.color,
@@ -13263,7 +13593,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$4f
+    children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13297,7 +13627,7 @@ TimeSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowLeft = function ArrowLeft(props) {
   var color = props.color,
@@ -13311,7 +13641,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$4g
+    children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13343,7 +13673,7 @@ ArrowLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowRight = function ArrowRight(props) {
   var color = props.color,
@@ -13357,7 +13687,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$4h
+    children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13389,7 +13719,7 @@ ArrowRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -13403,7 +13733,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$4i
+    children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13435,7 +13765,7 @@ ArrowUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowDown = function ArrowDown(props) {
   var color = props.color,
@@ -13449,7 +13779,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$4j
+    children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13481,7 +13811,7 @@ ArrowDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowLeft2 = function ArrowLeft2(props) {
   var color = props.color,
@@ -13495,7 +13825,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$4k
+    children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13527,7 +13857,7 @@ ArrowLeft2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowRight2 = function ArrowRight2(props) {
   var color = props.color,
@@ -13541,7 +13871,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$4l
+    children: loadingCircleStyle$4q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13573,7 +13903,7 @@ ArrowRight2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -13587,7 +13917,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$4m
+    children: loadingCircleStyle$4r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13619,7 +13949,7 @@ ArrowUp2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var ArrowDown2 = function ArrowDown2(props) {
   var color = props.color,
@@ -13633,7 +13963,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$4n
+    children: loadingCircleStyle$4s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13665,7 +13995,7 @@ ArrowDown2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TriLeft = function TriLeft(props) {
   var color = props.color,
@@ -13679,7 +14009,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$4o
+    children: loadingCircleStyle$4t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13711,7 +14041,7 @@ TriLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TriRight = function TriRight(props) {
   var color = props.color,
@@ -13725,7 +14055,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$4p
+    children: loadingCircleStyle$4u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13757,7 +14087,7 @@ TriRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TriUp = function TriUp(props) {
   var color = props.color,
@@ -13771,7 +14101,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$4q
+    children: loadingCircleStyle$4v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13803,7 +14133,7 @@ TriUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var TriDown = function TriDown(props) {
   var color = props.color,
@@ -13817,7 +14147,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$4r
+    children: loadingCircleStyle$4w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13849,7 +14179,7 @@ TriDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DArrowL = function DArrowL(props) {
   var color = props.color,
@@ -13863,7 +14193,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$4s
+    children: loadingCircleStyle$4x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13897,7 +14227,7 @@ DArrowL.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DArrowR = function DArrowR(props) {
   var color = props.color,
@@ -13911,7 +14241,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$4t
+    children: loadingCircleStyle$4y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13945,7 +14275,7 @@ DArrowR.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DArrowT = function DArrowT(props) {
   var color = props.color,
@@ -13959,7 +14289,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$4u
+    children: loadingCircleStyle$4z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13993,7 +14323,7 @@ DArrowT.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DArrowB = function DArrowB(props) {
   var color = props.color,
@@ -14007,7 +14337,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$4v
+    children: loadingCircleStyle$4A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14041,7 +14371,7 @@ DArrowB.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DropDown = function DropDown(props) {
   var color = props.color,
@@ -14055,7 +14385,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$4w
+    children: loadingCircleStyle$4B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14087,7 +14417,7 @@ DropDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DropUp = function DropUp(props) {
   var color = props.color,
@@ -14101,7 +14431,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$4x
+    children: loadingCircleStyle$4C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14133,7 +14463,7 @@ DropUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var More1 = function More1(props) {
   var color = props.color,
@@ -14147,7 +14477,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$4y
+    children: loadingCircleStyle$4D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14179,7 +14509,7 @@ More1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var More2 = function More2(props) {
   var color = props.color,
@@ -14193,7 +14523,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$4z
+    children: loadingCircleStyle$4E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14225,7 +14555,7 @@ More2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Drag = function Drag(props) {
   var color = props.color,
@@ -14239,7 +14569,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$4A
+    children: loadingCircleStyle$4F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14281,7 +14611,7 @@ Drag.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Drag2 = function Drag2(props) {
   var color = props.color,
@@ -14295,7 +14625,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$4B
+    children: loadingCircleStyle$4G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14331,7 +14661,7 @@ Drag2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var External = function External(props) {
   var color = props.color,
@@ -14345,7 +14675,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$4C
+    children: loadingCircleStyle$4H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14377,7 +14707,7 @@ External.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var DisplayS = function DisplayS(props) {
   var color = props.color,
@@ -14391,7 +14721,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$4D
+    children: loadingCircleStyle$4I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14425,7 +14755,7 @@ DisplayS.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
+var loadingCircleStyle$4J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Share = function Share(props) {
   var color = props.color,
@@ -14439,7 +14769,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$4E
+    children: loadingCircleStyle$4J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14471,4 +14801,4 @@ Share.defaultProps = {
   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, 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, Indicator as TaIndicator, IndicatorSm as TaIndicatorSm, 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, LogoAndroidGray as TaLogoAndroidGray, LogoAppleGray as TaLogoAppleGray, 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, LogoXiaomiCl as TaLogoXiaomiCl, 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, PauseCircle as TaPauseCircle, Play as TaPlay, PlayCircle as TaPlayCircle, 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, SortDownCl as TaSortDownCl, SortDrop as TaSortDrop, SortResult as TaSortResult, SortRise as TaSortRise, SortUpCl as TaSortUpCl, 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, Vip as TaVip, VipFill as TaVipFill };
+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, Goal as TaGoal, 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, IndicatorSm as TaIndicatorSm, 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, LogoAndroidGray as TaLogoAndroidGray, LogoAppleGray as TaLogoAppleGray, 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, LogoXiaomiCl as TaLogoXiaomiCl, 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, PauseCircle as TaPauseCircle, Play as TaPlay, PlayCircle as TaPlayCircle, 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, SortDownCl as TaSortDownCl, SortDrop as TaSortDrop, SortResult as TaSortResult, SortRise as TaSortRise, SortUpCl as TaSortUpCl, 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, Tips as TaTips, 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, UpdateData as TaUpdateData, Upload as TaUpload, 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, Vip as TaVip, VipFill as TaVipFill };