@tant/icons 1.1.78 → 1.1.82

package/dist/tant-icons.cjs.js

@@ -11459,7 +11459,7 @@ Unlink.defaultProps = {
 
 var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
-var MenuUnfold = function MenuUnfold(props) {
+var Link2 = function Link2(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11487,6 +11487,53 @@ var MenuUnfold = function MenuUnfold(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.06 8.11l1.415 1.415a7 7 0 010 9.9l-.354.353a7 7 0 01-9.9-9.9l1.415 1.415a5 5 0 107.07 7.071l.355-.354a5 5 0 000-7.07l-1.415-1.415 1.415-1.414-.001-.001zm6.718 6.011l-1.414-1.414a5 5 0 10-7.071-7.071l-.354.354a5 5 0 000 7.07l1.415 1.415-1.415 1.414-1.414-1.414a7 7 0 010-9.9l.354-.353a7 7 0 019.9 9.9l-.001-.001z"
+  })));
+};
+
+Link2.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Link2.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '1em'
+};
+
+var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+
+var MenuUnfold = function MenuUnfold(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", {
+    role: "img",
+    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3B
+  }), /*#__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: "M21 18v2H3v-2h18zM17.404 3.904L22 8.5l-4.596 4.596-1.414-1.414L19.172 8.5 15.99 5.318l1.414-1.414zM12 11v2H3v-2h9zm0-7v2H3V4h9z"
   })));
@@ -11504,7 +11551,7 @@ MenuUnfold.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var MenuFold = function MenuFold(props) {
   var color = props.color,
@@ -11519,7 +11566,7 @@ var MenuFold = function MenuFold(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3B
+    children: loadingCircleStyle$3C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11551,7 +11598,7 @@ MenuFold.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var List = function List(props) {
   var color = props.color,
@@ -11566,7 +11613,7 @@ var List = function List(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3C
+    children: loadingCircleStyle$3D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11598,7 +11645,7 @@ List.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ListNested = function ListNested(props) {
   var color = props.color,
@@ -11613,7 +11660,7 @@ var ListNested = function ListNested(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3D
+    children: loadingCircleStyle$3E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11647,7 +11694,7 @@ ListNested.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DoubleList = function DoubleList(props) {
   var color = props.color,
@@ -11662,7 +11709,7 @@ var DoubleList = function DoubleList(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3E
+    children: loadingCircleStyle$3F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11704,7 +11751,7 @@ DoubleList.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Download = function Download(props) {
   var color = props.color,
@@ -11719,7 +11766,7 @@ var Download = function Download(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3F
+    children: loadingCircleStyle$3G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11751,7 +11798,7 @@ Download.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FullDownload = function FullDownload(props) {
   var color = props.color,
@@ -11766,7 +11813,7 @@ var FullDownload = function FullDownload(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3G
+    children: loadingCircleStyle$3H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11800,7 +11847,7 @@ FullDownload.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Export = function Export(props) {
   var color = props.color,
@@ -11815,7 +11862,7 @@ var Export = function Export(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3H
+    children: loadingCircleStyle$3I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11849,7 +11896,7 @@ Export.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Import = function Import(props) {
   var color = props.color,
@@ -11864,7 +11911,7 @@ var Import = function Import(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3I
+    children: loadingCircleStyle$3J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11898,7 +11945,7 @@ Import.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Add1 = function Add1(props) {
   var color = props.color,
@@ -11913,7 +11960,7 @@ var Add1 = function Add1(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3J
+    children: loadingCircleStyle$3K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11945,7 +11992,7 @@ Add1.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Add2 = function Add2(props) {
   var color = props.color,
@@ -11960,7 +12007,7 @@ var Add2 = function Add2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3K
+    children: loadingCircleStyle$3L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11992,7 +12039,7 @@ Add2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Add3 = function Add3(props) {
   var color = props.color,
@@ -12007,7 +12054,7 @@ var Add3 = function Add3(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3L
+    children: loadingCircleStyle$3M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12039,7 +12086,7 @@ Add3.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Add3Fill = function Add3Fill(props) {
   var color = props.color,
@@ -12054,7 +12101,7 @@ var Add3Fill = function Add3Fill(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3M
+    children: loadingCircleStyle$3N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12086,7 +12133,7 @@ Add3Fill.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Subtract = function Subtract(props) {
   var color = props.color,
@@ -12101,7 +12148,7 @@ var Subtract = function Subtract(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3N
+    children: loadingCircleStyle$3O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12136,7 +12183,7 @@ Subtract.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Subtract2 = function Subtract2(props) {
   var color = props.color,
@@ -12151,7 +12198,7 @@ var Subtract2 = function Subtract2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3O
+    children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12187,7 +12234,7 @@ Subtract2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Update = function Update(props) {
   var color = props.color,
@@ -12202,7 +12249,7 @@ var Update = function Update(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3P
+    children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12234,7 +12281,7 @@ Update.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Rename = function Rename(props) {
   var color = props.color,
@@ -12249,7 +12296,7 @@ var Rename = function Rename(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Q
+    children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12283,7 +12330,7 @@ Rename.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var PlayCircle = function PlayCircle(props) {
   var color = props.color,
@@ -12298,7 +12345,7 @@ var PlayCircle = function PlayCircle(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3R
+    children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12330,7 +12377,7 @@ PlayCircle.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var PauseCircle = function PauseCircle(props) {
   var color = props.color,
@@ -12345,7 +12392,7 @@ var PauseCircle = function PauseCircle(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3S
+    children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12377,7 +12424,7 @@ PauseCircle.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var UpdateData = function UpdateData(props) {
   var color = props.color,
@@ -12392,7 +12439,7 @@ var UpdateData = function UpdateData(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3T
+    children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12428,7 +12475,7 @@ UpdateData.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Upload = function Upload(props) {
   var color = props.color,
@@ -12443,7 +12490,7 @@ var Upload = function Upload(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3U
+    children: loadingCircleStyle$3V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12477,7 +12524,7 @@ Upload.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Click = function Click(props) {
   var color = props.color,
@@ -12492,7 +12539,7 @@ var Click = function Click(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3V
+    children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12524,7 +12571,7 @@ Click.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Install = function Install(props) {
   var color = props.color,
@@ -12539,7 +12586,7 @@ var Install = function Install(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3W
+    children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12571,7 +12618,7 @@ Install.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ZoomArea = function ZoomArea(props) {
   var color = props.color,
@@ -12586,7 +12633,7 @@ var ZoomArea = function ZoomArea(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3X
+    children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12620,7 +12667,7 @@ ZoomArea.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ZoomAreaOpen = function ZoomAreaOpen(props) {
   var color = props.color,
@@ -12635,7 +12682,7 @@ var ZoomAreaOpen = function ZoomAreaOpen(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Y
+    children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12669,7 +12716,7 @@ ZoomAreaOpen.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ZoomAreaResrore = function ZoomAreaResrore(props) {
   var color = props.color,
@@ -12684,7 +12731,7 @@ var ZoomAreaResrore = function ZoomAreaResrore(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Z
+    children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12718,7 +12765,7 @@ ZoomAreaResrore.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Expand = function Expand(props) {
   var color = props.color,
@@ -12733,7 +12780,7 @@ var Expand = function Expand(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3_
+    children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12765,7 +12812,7 @@ Expand.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Report = function Report(props) {
   var color = props.color,
@@ -12780,7 +12827,7 @@ var Report = function Report(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3$
+    children: loadingCircleStyle$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12812,7 +12859,7 @@ Report.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -12827,7 +12874,7 @@ var ReportRemoval = function ReportRemoval(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$40
+    children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12867,7 +12914,7 @@ ReportRemoval.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileAdd = function FileAdd(props) {
   var color = props.color,
@@ -12882,7 +12929,7 @@ var FileAdd = function FileAdd(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$41
+    children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12914,7 +12961,7 @@ FileAdd.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileRemove = function FileRemove(props) {
   var color = props.color,
@@ -12929,7 +12976,7 @@ var FileRemove = function FileRemove(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$42
+    children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12963,7 +13010,7 @@ FileRemove.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileExport = function FileExport(props) {
   var color = props.color,
@@ -12978,7 +13025,7 @@ var FileExport = function FileExport(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$43
+    children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13010,7 +13057,7 @@ FileExport.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileMove = function FileMove(props) {
   var color = props.color,
@@ -13025,7 +13072,7 @@ var FileMove = function FileMove(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$44
+    children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13057,7 +13104,7 @@ FileMove.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileImport = function FileImport(props) {
   var color = props.color,
@@ -13072,7 +13119,7 @@ var FileImport = function FileImport(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$45
+    children: loadingCircleStyle$46
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13104,7 +13151,7 @@ FileImport.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileInfo = function FileInfo(props) {
   var color = props.color,
@@ -13119,7 +13166,7 @@ var FileInfo = function FileInfo(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$46
+    children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13151,7 +13198,7 @@ FileInfo.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileConvert = function FileConvert(props) {
   var color = props.color,
@@ -13166,7 +13213,7 @@ var FileConvert = function FileConvert(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$47
+    children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13204,7 +13251,7 @@ FileConvert.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var AssetConvert = function AssetConvert(props) {
   var color = props.color,
@@ -13219,7 +13266,7 @@ var AssetConvert = function AssetConvert(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$48
+    children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13257,7 +13304,7 @@ AssetConvert.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FileLock = function FileLock(props) {
   var color = props.color,
@@ -13272,7 +13319,7 @@ var FileLock = function FileLock(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$49
+    children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13304,7 +13351,7 @@ FileLock.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var FilePdf = function FilePdf(props) {
   var color = props.color,
@@ -13319,7 +13366,7 @@ var FilePdf = function FilePdf(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4a
+    children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13351,7 +13398,7 @@ FilePdf.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Detail = function Detail(props) {
   var color = props.color,
@@ -13366,7 +13413,7 @@ var Detail = function Detail(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4b
+    children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13398,7 +13445,7 @@ Detail.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var MessageCenter = function MessageCenter(props) {
   var color = props.color,
@@ -13413,7 +13460,7 @@ var MessageCenter = function MessageCenter(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4c
+    children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13453,7 +13500,7 @@ MessageCenter.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var SystemMsg = function SystemMsg(props) {
   var color = props.color,
@@ -13468,7 +13515,7 @@ var SystemMsg = function SystemMsg(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4d
+    children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13506,7 +13553,7 @@ SystemMsg.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Comment = function Comment(props) {
   var color = props.color,
@@ -13521,7 +13568,7 @@ var Comment = function Comment(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4e
+    children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13557,7 +13604,7 @@ Comment.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Book = function Book(props) {
   var color = props.color,
@@ -13572,7 +13619,7 @@ var Book = function Book(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4f
+    children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13604,7 +13651,7 @@ Book.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Book2 = function Book2(props) {
   var color = props.color,
@@ -13619,7 +13666,7 @@ var Book2 = function Book2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4g
+    children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13651,7 +13698,7 @@ Book2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Sticker = function Sticker(props) {
   var color = props.color,
@@ -13666,7 +13713,7 @@ var Sticker = function Sticker(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4h
+    children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13698,7 +13745,7 @@ Sticker.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var StickerFill = function StickerFill(props) {
   var color = props.color,
@@ -13713,7 +13760,7 @@ var StickerFill = function StickerFill(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4i
+    children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13745,7 +13792,7 @@ StickerFill.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var EventSm = function EventSm(props) {
   var color = props.color,
@@ -13760,7 +13807,7 @@ var EventSm = function EventSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4j
+    children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13792,7 +13839,7 @@ EventSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var EPropertySm = function EPropertySm(props) {
   var color = props.color,
@@ -13807,7 +13854,7 @@ var EPropertySm = function EPropertySm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4k
+    children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13847,7 +13894,7 @@ EPropertySm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var IndicatorSm = function IndicatorSm(props) {
   var color = props.color,
@@ -13862,7 +13909,7 @@ var IndicatorSm = function IndicatorSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4l
+    children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13898,7 +13945,7 @@ IndicatorSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var UPropertySm = function UPropertySm(props) {
   var color = props.color,
@@ -13913,7 +13960,7 @@ var UPropertySm = function UPropertySm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4m
+    children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13951,7 +13998,7 @@ UPropertySm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var UGroupSm = function UGroupSm(props) {
   var color = props.color,
@@ -13966,7 +14013,7 @@ var UGroupSm = function UGroupSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4n
+    children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14012,7 +14059,7 @@ UGroupSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var UTagSm = function UTagSm(props) {
   var color = props.color,
@@ -14027,7 +14074,7 @@ var UTagSm = function UTagSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4o
+    children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14063,7 +14110,7 @@ UTagSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var AllGroupSm = function AllGroupSm(props) {
   var color = props.color,
@@ -14078,7 +14125,7 @@ var AllGroupSm = function AllGroupSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4p
+    children: loadingCircleStyle$4q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14116,7 +14163,7 @@ AllGroupSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -14131,7 +14178,7 @@ var CalendarSm = function CalendarSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4q
+    children: loadingCircleStyle$4r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14163,7 +14210,7 @@ CalendarSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4r = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -14178,7 +14225,7 @@ var GroupAddSm = function GroupAddSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4r
+    children: loadingCircleStyle$4s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14216,7 +14263,7 @@ GroupAddSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4s = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -14231,7 +14278,7 @@ var BooleanSm = function BooleanSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4s
+    children: loadingCircleStyle$4t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14265,7 +14312,7 @@ BooleanSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ListSm = function ListSm(props) {
   var color = props.color,
@@ -14280,7 +14327,7 @@ var ListSm = function ListSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4t
+    children: loadingCircleStyle$4u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14322,7 +14369,7 @@ ListSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrayRowsSm = function ArrayRowsSm(props) {
   var color = props.color,
@@ -14337,7 +14384,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4u
+    children: loadingCircleStyle$4v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14371,7 +14418,7 @@ ArrayRowsSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var RowsSm = function RowsSm(props) {
   var color = props.color,
@@ -14386,7 +14433,7 @@ var RowsSm = function RowsSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4v
+    children: loadingCircleStyle$4w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14428,7 +14475,7 @@ RowsSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var VPropertySm = function VPropertySm(props) {
   var color = props.color,
@@ -14443,7 +14490,7 @@ var VPropertySm = function VPropertySm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4w
+    children: loadingCircleStyle$4x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14481,7 +14528,7 @@ VPropertySm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var StringSm = function StringSm(props) {
   var color = props.color,
@@ -14496,7 +14543,7 @@ var StringSm = function StringSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4x
+    children: loadingCircleStyle$4y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14530,7 +14577,7 @@ StringSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var NumSm = function NumSm(props) {
   var color = props.color,
@@ -14545,7 +14592,7 @@ var NumSm = function NumSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4y
+    children: loadingCircleStyle$4z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14579,7 +14626,7 @@ NumSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var TimeSm = function TimeSm(props) {
   var color = props.color,
@@ -14594,7 +14641,7 @@ var TimeSm = function TimeSm(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4z
+    children: loadingCircleStyle$4A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14628,7 +14675,7 @@ TimeSm.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowLeft = function ArrowLeft(props) {
   var color = props.color,
@@ -14643,7 +14690,7 @@ var ArrowLeft = function ArrowLeft(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4A
+    children: loadingCircleStyle$4B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14675,7 +14722,7 @@ ArrowLeft.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowRight = function ArrowRight(props) {
   var color = props.color,
@@ -14690,7 +14737,7 @@ var ArrowRight = function ArrowRight(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4B
+    children: loadingCircleStyle$4C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14722,7 +14769,7 @@ ArrowRight.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -14737,7 +14784,7 @@ var ArrowUp = function ArrowUp(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4C
+    children: loadingCircleStyle$4D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14769,7 +14816,7 @@ ArrowUp.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowDown = function ArrowDown(props) {
   var color = props.color,
@@ -14784,7 +14831,7 @@ var ArrowDown = function ArrowDown(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4D
+    children: loadingCircleStyle$4E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14816,7 +14863,7 @@ ArrowDown.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowLeft2 = function ArrowLeft2(props) {
   var color = props.color,
@@ -14831,7 +14878,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4E
+    children: loadingCircleStyle$4F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14863,7 +14910,7 @@ ArrowLeft2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowRight2 = function ArrowRight2(props) {
   var color = props.color,
@@ -14878,7 +14925,7 @@ var ArrowRight2 = function ArrowRight2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4F
+    children: loadingCircleStyle$4G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14910,7 +14957,7 @@ ArrowRight2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -14925,7 +14972,7 @@ var ArrowUp2 = function ArrowUp2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4G
+    children: loadingCircleStyle$4H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14957,7 +15004,7 @@ ArrowUp2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var ArrowDown2 = function ArrowDown2(props) {
   var color = props.color,
@@ -14972,7 +15019,7 @@ var ArrowDown2 = function ArrowDown2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4H
+    children: loadingCircleStyle$4I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15004,7 +15051,7 @@ ArrowDown2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var TriLeft = function TriLeft(props) {
   var color = props.color,
@@ -15019,7 +15066,7 @@ var TriLeft = function TriLeft(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4I
+    children: loadingCircleStyle$4J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15051,7 +15098,7 @@ TriLeft.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var TriRight = function TriRight(props) {
   var color = props.color,
@@ -15066,7 +15113,7 @@ var TriRight = function TriRight(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4J
+    children: loadingCircleStyle$4K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15098,7 +15145,7 @@ TriRight.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var TriUp = function TriUp(props) {
   var color = props.color,
@@ -15113,7 +15160,7 @@ var TriUp = function TriUp(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4K
+    children: loadingCircleStyle$4L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15145,7 +15192,7 @@ TriUp.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var TriDown = function TriDown(props) {
   var color = props.color,
@@ -15160,7 +15207,7 @@ var TriDown = function TriDown(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4L
+    children: loadingCircleStyle$4M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15192,7 +15239,7 @@ TriDown.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DArrowL = function DArrowL(props) {
   var color = props.color,
@@ -15207,7 +15254,7 @@ var DArrowL = function DArrowL(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4M
+    children: loadingCircleStyle$4N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15241,7 +15288,7 @@ DArrowL.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DArrowR = function DArrowR(props) {
   var color = props.color,
@@ -15256,7 +15303,7 @@ var DArrowR = function DArrowR(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4N
+    children: loadingCircleStyle$4O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15290,7 +15337,7 @@ DArrowR.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DArrowT = function DArrowT(props) {
   var color = props.color,
@@ -15305,7 +15352,7 @@ var DArrowT = function DArrowT(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4O
+    children: loadingCircleStyle$4P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15339,7 +15386,7 @@ DArrowT.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DArrowB = function DArrowB(props) {
   var color = props.color,
@@ -15354,7 +15401,7 @@ var DArrowB = function DArrowB(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4P
+    children: loadingCircleStyle$4Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15388,7 +15435,7 @@ DArrowB.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DropDown = function DropDown(props) {
   var color = props.color,
@@ -15403,7 +15450,7 @@ var DropDown = function DropDown(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4Q
+    children: loadingCircleStyle$4R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15435,7 +15482,7 @@ DropDown.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DropUp = function DropUp(props) {
   var color = props.color,
@@ -15450,7 +15497,7 @@ var DropUp = function DropUp(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4R
+    children: loadingCircleStyle$4S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15482,7 +15529,7 @@ DropUp.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var More1 = function More1(props) {
   var color = props.color,
@@ -15497,7 +15544,7 @@ var More1 = function More1(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4S
+    children: loadingCircleStyle$4T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15529,7 +15576,7 @@ More1.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var More2 = function More2(props) {
   var color = props.color,
@@ -15544,7 +15591,7 @@ var More2 = function More2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4T
+    children: loadingCircleStyle$4U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15576,7 +15623,7 @@ More2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Drag = function Drag(props) {
   var color = props.color,
@@ -15591,7 +15638,7 @@ var Drag = function Drag(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4U
+    children: loadingCircleStyle$4V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15633,7 +15680,7 @@ Drag.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Grid = function Grid(props) {
   var color = props.color,
@@ -15648,7 +15695,7 @@ var Grid = function Grid(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4V
+    children: loadingCircleStyle$4W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15682,7 +15729,7 @@ Grid.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Drag2 = function Drag2(props) {
   var color = props.color,
@@ -15697,7 +15744,7 @@ var Drag2 = function Drag2(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4W
+    children: loadingCircleStyle$4X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15733,7 +15780,7 @@ Drag2.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var External = function External(props) {
   var color = props.color,
@@ -15748,7 +15795,7 @@ var External = function External(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4X
+    children: loadingCircleStyle$4Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15780,7 +15827,7 @@ External.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var DisplayS = function DisplayS(props) {
   var color = props.color,
@@ -15795,7 +15842,7 @@ var DisplayS = function DisplayS(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4Y
+    children: loadingCircleStyle$4Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15829,7 +15876,7 @@ DisplayS.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
+var loadingCircleStyle$4_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
 
 var Share = function Share(props) {
   var color = props.color,
@@ -15844,7 +15891,7 @@ var Share = function Share(props) {
     role: "img",
     className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4Z
+    children: loadingCircleStyle$4_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -15876,160 +15923,6 @@ Share.defaultProps = {
   size: '1em'
 };
 
-var loadingCircleStyle$4_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
-
-var Picture2 = function Picture2(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", {
-    role: "img",
-    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
-  }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4_
-  }), /*#__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("circle", {
-    cx: "10",
-    cy: "10",
-    r: "10"
-  }), /*#__PURE__*/React.createElement("mask", {
-    id: "a",
-    style: "mask-type:alpha",
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0",
-    width: "20",
-    height: "20"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "10",
-    cy: "10",
-    r: "10"
-  })), /*#__PURE__*/React.createElement("g", {
-    mask: "url(#a)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    opacity: ".4",
-    x: "4.375",
-    y: "5.625",
-    width: "13.125",
-    height: "13.125",
-    rx: "2"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "1.875",
-    y: "8.125",
-    width: "13.125",
-    height: "13.125",
-    rx: "2"
-  })), /*#__PURE__*/React.createElement("circle", {
-    cx: "5.156",
-    cy: "12.031",
-    r: ".781"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "10.781",
-    cy: "12.031",
-    r: ".781"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M5.993 14.662a.5.5 0 00-.736.676l.736-.676zm5.013.661a.5.5 0 10-.762-.646l.762.646zm-5.75.015c.484.526 1.345 1.166 2.384 1.357 1.083.198 2.295-.108 3.366-1.372l-.762-.646c-.849 1-1.704 1.166-2.424 1.034-.764-.14-1.443-.632-1.827-1.05l-.736.677z"
-  })));
-};
-
-Picture2.propTypes = {
-  iconClassName: PropTypes.string,
-  spin: PropTypes.bool,
-  color: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-Picture2.defaultProps = {
-  spin: false,
-  color: 'currentColor',
-  size: '1em'
-};
-
-var loadingCircleStyle$4$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} ';
-
-var Picture1 = function Picture1(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", {
-    role: "img",
-    className: className ? 'tant-icon-span anticon ' + className : 'tant-icon-span anticon'
-  }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4$
-  }), /*#__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("circle", {
-    cx: "10",
-    cy: "10",
-    r: "10"
-  }), /*#__PURE__*/React.createElement("mask", {
-    id: "a",
-    style: "mask-type:alpha",
-    maskUnits: "userSpaceOnUse",
-    x: "0",
-    y: "0",
-    width: "20",
-    height: "20"
-  }, /*#__PURE__*/React.createElement("circle", {
-    cx: "10",
-    cy: "10",
-    r: "10"
-  })), /*#__PURE__*/React.createElement("g", {
-    mask: "url(#a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    opacity: ".4",
-    d: "M8.947 15.427L4.5 12.673a1 1 0 010-1.7l4.448-2.754a2 2 0 012.106 0l4.448 2.754a1 1 0 010 1.7l-4.448 2.754a2 2 0 01-2.106 0z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.947 12.235L4.5 9.481a1 1 0 010-1.7l4.448-2.754a2 2 0 012.106 0L15.5 7.78a1 1 0 010 1.7l-4.448 2.754a2 2 0 01-2.106 0z"
-  }))));
-};
-
-Picture1.propTypes = {
-  iconClassName: PropTypes.string,
-  spin: PropTypes.bool,
-  color: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-Picture1.defaultProps = {
-  spin: false,
-  color: 'currentColor',
-  size: '1em'
-};
-
 exports.TaAdd1 = Add1;
 exports.TaAdd2 = Add2;
 exports.TaAdd3 = Add3;
@@ -16192,6 +16085,7 @@ exports.TaInstall = Install;
 exports.TaLandscape = Landscape;
 exports.TaLanguage = Language;
 exports.TaLink = Link;
+exports.TaLink2 = Link2;
 exports.TaList = List;
 exports.TaListNested = ListNested;
 exports.TaListSm = ListSm;
@@ -16252,8 +16146,6 @@ exports.TaParameter = Parameter;
 exports.TaPassword = Password;
 exports.TaPattern = Pattern;
 exports.TaPauseCircle = PauseCircle;
-exports.TaPicture1 = Picture1;
-exports.TaPicture2 = Picture2;
 exports.TaPlay = Play;
 exports.TaPlayCircle = PlayCircle;
 exports.TaPlug = Plug;