@tant/icons 1.0.25 → 1.0.26

package/dist/tant-icons.cjs.js

@@ -121,7 +121,7 @@ var SSpace = function SSpace(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -168,7 +168,7 @@ var Project = function Project(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -213,7 +213,7 @@ var Space = function Space(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -258,7 +258,7 @@ var SpaceOpen = function SpaceOpen(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -305,7 +305,7 @@ var Folder = function Folder(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -350,7 +350,7 @@ var FolderOpen = function FolderOpen(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$5
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -395,7 +395,7 @@ var Dashboard = function Dashboard(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$6
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -440,7 +440,7 @@ var Card = function Card(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$7
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -485,7 +485,7 @@ var DashboardMgr = function DashboardMgr(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$8
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -540,7 +540,7 @@ var ProjectMgr = function ProjectMgr(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$9
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -589,7 +589,7 @@ var Usertag = function Usertag(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$a
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -638,7 +638,7 @@ var UPropMgr = function UPropMgr(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$b
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -693,7 +693,7 @@ var EventMgr = function EventMgr(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$c
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -740,7 +740,7 @@ var EventPropMgr = function EventPropMgr(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$d
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -791,7 +791,7 @@ var VProperty = function VProperty(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$e
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -842,7 +842,7 @@ var Sql1 = function Sql1(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$f
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -891,7 +891,7 @@ var Sql2 = function Sql2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$g
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -946,7 +946,7 @@ var Sql3 = function Sql3(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$h
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -991,7 +991,7 @@ var MEvent = function MEvent(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$i
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1044,7 +1044,7 @@ var MRetention = function MRetention(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$j
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1099,7 +1099,7 @@ var MFunnel = function MFunnel(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$k
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1148,7 +1148,7 @@ var MDistribution = function MDistribution(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$l
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1203,7 +1203,7 @@ var MInterval = function MInterval(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$m
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1254,7 +1254,7 @@ var MFlow = function MFlow(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$n
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1303,7 +1303,7 @@ var MSql = function MSql(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$o
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1358,7 +1358,7 @@ var UTag = function UTag(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$p
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1409,7 +1409,7 @@ var MProperty = function MProperty(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1462,7 +1462,7 @@ var UGroup = function UGroup(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$r
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1515,7 +1515,7 @@ var User1 = function User1(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$s
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1566,7 +1566,7 @@ var User1Fill = function User1Fill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$t
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1611,7 +1611,7 @@ var User2 = function User2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$u
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1656,7 +1656,7 @@ var UserSettings = function UserSettings(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$v
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1701,7 +1701,7 @@ var GroupA2b = function GroupA2b(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$w
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1746,7 +1746,7 @@ var Group = function Group(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$x
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1791,7 +1791,7 @@ var GroupFill = function GroupFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1836,7 +1836,7 @@ var GroupFill2 = function GroupFill2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1881,7 +1881,7 @@ var GroupAddFill = function GroupAddFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$A
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1926,7 +1926,7 @@ var UserAddFill = function UserAddFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$B
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -1971,7 +1971,7 @@ var UploadId = function UploadId(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$C
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2018,7 +2018,7 @@ var IdFreeze = function IdFreeze(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$D
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2073,7 +2073,7 @@ var Education = function Education(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$E
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2122,7 +2122,7 @@ var EducationFill = function EducationFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$F
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2171,7 +2171,7 @@ var Game = function Game(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$G
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2220,7 +2220,7 @@ var GameFill = function GameFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$H
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2265,7 +2265,7 @@ var Shop = function Shop(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$I
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2310,7 +2310,7 @@ var ShopFill = function ShopFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$J
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2355,7 +2355,7 @@ var Earth = function Earth(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$K
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2400,7 +2400,7 @@ var TdLogo = function TdLogo(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$L
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2453,7 +2453,7 @@ var Language = function Language(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$M
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2498,7 +2498,7 @@ var Calendar = function Calendar(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$N
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2543,7 +2543,7 @@ var Server = function Server(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$O
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2588,7 +2588,7 @@ var Desktop = function Desktop(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$P
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2633,7 +2633,7 @@ var Demo = function Demo(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2680,7 +2680,7 @@ var Cellphone = function Cellphone(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$R
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2727,7 +2727,7 @@ var Landscape = function Landscape(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$S
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2776,7 +2776,7 @@ var Email = function Email(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$T
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2821,7 +2821,7 @@ var Clock = function Clock(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$U
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2868,7 +2868,7 @@ var Password = function Password(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$V
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2913,7 +2913,7 @@ var ResetPassword = function ResetPassword(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$W
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -2958,7 +2958,7 @@ var Private = function Private(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$X
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3003,7 +3003,7 @@ var Bell = function Bell(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3050,7 +3050,7 @@ var Logout = function Logout(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3097,7 +3097,7 @@ var Speed = function Speed(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$_
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3142,7 +3142,7 @@ var Mfa = function Mfa(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$$
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3187,7 +3187,7 @@ var Tracking = function Tracking(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$10
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3242,7 +3242,7 @@ var Forewarning = function Forewarning(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$11
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3291,7 +3291,7 @@ var SystemMgr = function SystemMgr(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$12
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3340,7 +3340,7 @@ var Pattern = function Pattern(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$13
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3393,7 +3393,7 @@ var Debug = function Debug(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$14
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3438,7 +3438,7 @@ var Live = function Live(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$15
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3483,7 +3483,7 @@ var Plug = function Plug(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$16
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3528,7 +3528,7 @@ var Application = function Application(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$17
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3583,7 +3583,7 @@ var Gift = function Gift(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$18
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3628,7 +3628,7 @@ var Usb = function Usb(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$19
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3673,7 +3673,7 @@ var Location = function Location(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1a
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3722,7 +3722,7 @@ var ShieldCheck = function ShieldCheck(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1b
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3767,7 +3767,7 @@ var ShieldCross = function ShieldCross(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1c
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3812,7 +3812,7 @@ var ShieldKeyhole = function ShieldKeyhole(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1d
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3857,7 +3857,7 @@ var Analysis = function Analysis(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1e
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3902,7 +3902,7 @@ var Filter = function Filter(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1f
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3947,7 +3947,7 @@ var Filter2 = function Filter2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1g
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -3992,7 +3992,7 @@ var ParallelFilter = function ParallelFilter(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1h
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4039,7 +4039,7 @@ var Expression = function Expression(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1i
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4084,7 +4084,7 @@ var Expression2 = function Expression2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1j
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4131,7 +4131,7 @@ var FirstLast = function FirstLast(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1k
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4176,7 +4176,7 @@ var RelatedProp = function RelatedProp(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1l
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4221,7 +4221,7 @@ var SortRise = function SortRise(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1m
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4270,7 +4270,7 @@ var SortDrop = function SortDrop(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1n
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4319,7 +4319,7 @@ var Ascent = function Ascent(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1o
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4364,7 +4364,7 @@ var Descent = function Descent(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1p
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4409,7 +4409,7 @@ var SortA2z = function SortA2z(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4458,7 +4458,7 @@ var SortZ2a = function SortZ2a(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1r
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4507,7 +4507,7 @@ var Sort = function Sort(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1s
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4552,7 +4552,7 @@ var Index = function Index(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1t
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4607,7 +4607,7 @@ var TA2b = function TA2b(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1u
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4652,7 +4652,7 @@ var TX2y = function TX2y(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1v
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4701,7 +4701,7 @@ var Parameter = function Parameter(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1w
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4752,7 +4752,7 @@ var Groups = function Groups(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1x
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4797,7 +4797,7 @@ var EventTree = function EventTree(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4842,7 +4842,7 @@ var Split = function Split(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4887,7 +4887,7 @@ var CustomPartition = function CustomPartition(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1A
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4932,7 +4932,7 @@ var Result = function Result(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1B
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -4981,7 +4981,7 @@ var Alert = function Alert(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1C
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5028,7 +5028,7 @@ var ViewOriginal = function ViewOriginal(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1D
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5080,7 +5080,7 @@ var Attribution = function Attribution(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1E
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5127,7 +5127,7 @@ var Cost = function Cost(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1F
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5172,7 +5172,7 @@ var Exposure = function Exposure(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1G
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5217,7 +5217,7 @@ var Indicator = function Indicator(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1H
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5264,7 +5264,7 @@ var Currency = function Currency(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1I
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5309,7 +5309,7 @@ var OperatorEqual = function OperatorEqual(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1J
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5356,7 +5356,7 @@ var OperatorUnequal = function OperatorUnequal(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1K
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5403,7 +5403,7 @@ var OperatorDivide = function OperatorDivide(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1L
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5448,7 +5448,7 @@ var OperatorNoValue = function OperatorNoValue(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1M
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5495,7 +5495,7 @@ var OperatorHasValue = function OperatorHasValue(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1N
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5542,7 +5542,7 @@ var OperatorInside = function OperatorInside(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1O
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5587,7 +5587,7 @@ var OperatorInclude = function OperatorInclude(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1P
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5634,7 +5634,7 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5688,7 +5688,7 @@ var OperatorLess = function OperatorLess(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1R
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5735,7 +5735,7 @@ var OperatorNoBigger = function OperatorNoBigger(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1S
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5782,7 +5782,7 @@ var OperatorBigger = function OperatorBigger(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1T
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5829,7 +5829,7 @@ var OperatorNoLess = function OperatorNoLess(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1U
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5876,7 +5876,7 @@ var OperatorTrue = function OperatorTrue(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1V
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5923,7 +5923,7 @@ var OperatorFalse = function OperatorFalse(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1W
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -5970,7 +5970,7 @@ var OperatorRegex = function OperatorRegex(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1X
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6017,7 +6017,7 @@ var OperatorNoRegex = function OperatorNoRegex(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6064,7 +6064,7 @@ var LogoDingdingCl = function LogoDingdingCl(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6110,7 +6110,7 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1_
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6155,7 +6155,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$1$
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6213,7 +6213,7 @@ var LogoWecomGray = function LogoWecomGray(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$20
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6258,7 +6258,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$21
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6312,7 +6312,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$22
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6364,7 +6364,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$23
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6427,7 +6427,7 @@ var LogoKingCl = function LogoKingCl(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$24
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6473,7 +6473,7 @@ var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$25
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6523,7 +6523,7 @@ var Info = function Info(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$26
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6572,7 +6572,7 @@ var Help = function Help(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$27
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6617,7 +6617,7 @@ var History = function History(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$28
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6662,7 +6662,7 @@ var Backup = function Backup(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$29
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6709,7 +6709,7 @@ var Error = function Error(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2a
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6758,7 +6758,7 @@ var ErrorFill = function ErrorFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2b
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6803,7 +6803,7 @@ var Error2 = function Error2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2c
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6850,7 +6850,7 @@ var Error2Fill = function Error2Fill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2d
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6897,7 +6897,7 @@ var Success = function Success(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2e
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6942,7 +6942,7 @@ var SuccessFill = function SuccessFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2f
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -6989,7 +6989,7 @@ var Delete2 = function Delete2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2g
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7034,7 +7034,7 @@ var Delete2Fill = function Delete2Fill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2h
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7079,7 +7079,7 @@ var Exchange = function Exchange(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2i
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7124,7 +7124,7 @@ var SwapFill = function SwapFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2j
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7169,7 +7169,7 @@ var Processing = function Processing(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2k
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7214,7 +7214,7 @@ var Processing2 = function Processing2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2l
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7261,7 +7261,7 @@ var Done = function Done(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2m
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7306,7 +7306,7 @@ var Close = function Close(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2n
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7351,7 +7351,7 @@ var StarOutline = function StarOutline(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2o
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7396,7 +7396,7 @@ var StarFill = function StarFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2p
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7441,7 +7441,7 @@ var TimeLock = function TimeLock(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7486,7 +7486,7 @@ var Heart = function Heart(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2r
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7531,7 +7531,7 @@ var Bookmark = function Bookmark(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2s
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7576,7 +7576,7 @@ var Bookmark2 = function Bookmark2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2t
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7621,7 +7621,7 @@ var LockClose = function LockClose(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2u
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7670,7 +7670,7 @@ var LockCloseFill = function LockCloseFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2v
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7715,7 +7715,7 @@ var LockOpen = function LockOpen(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2w
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7760,7 +7760,7 @@ var LockOpenFill = function LockOpenFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2x
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7805,7 +7805,7 @@ var EyeOn = function EyeOn(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7850,7 +7850,7 @@ var EyeOnFill = function EyeOnFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7897,7 +7897,7 @@ var EyeOff = function EyeOff(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2A
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7942,7 +7942,7 @@ var EyeOffFill = function EyeOffFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2B
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -7989,7 +7989,7 @@ var Dot = function Dot(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2C
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8036,7 +8036,7 @@ var Anchor = function Anchor(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2D
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8081,7 +8081,7 @@ var ChartLine = function ChartLine(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2E
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8132,7 +8132,7 @@ var ChartBar = function ChartBar(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2F
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8181,7 +8181,7 @@ var ChartCum = function ChartCum(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2G
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8236,7 +8236,7 @@ var ChartPie = function ChartPie(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2H
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8283,7 +8283,7 @@ var ChartDNRe = function ChartDNRe(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2I
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8340,7 +8340,7 @@ var ChartDRe = function ChartDRe(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2J
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8397,7 +8397,7 @@ var ChartFunnel = function ChartFunnel(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2K
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8446,7 +8446,7 @@ var ChartInterval = function ChartInterval(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2L
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8493,7 +8493,7 @@ var ChartStack = function ChartStack(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2M
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8540,7 +8540,7 @@ var ChartStackn = function ChartStackn(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2N
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8587,7 +8587,7 @@ var ChartStackPerc = function ChartStackPerc(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2O
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8634,7 +8634,7 @@ var ChartComplex = function ChartComplex(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2P
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8687,7 +8687,7 @@ var ChartHistogram = function ChartHistogram(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8746,7 +8746,7 @@ var ChartTable = function ChartTable(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2R
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8791,7 +8791,7 @@ var ChartFieldlist = function ChartFieldlist(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2S
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8836,7 +8836,7 @@ var Table1dtable = function Table1dtable(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2T
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8899,7 +8899,7 @@ var ChartSqltable = function ChartSqltable(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2U
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8944,7 +8944,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2V
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -8989,7 +8989,7 @@ var ChartDistTable = function ChartDistTable(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2W
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9034,7 +9034,7 @@ var ChartBarTable = function ChartBarTable(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2X
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9081,7 +9081,7 @@ var ChartLineTable = function ChartLineTable(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9134,7 +9134,7 @@ var Play = function Play(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9179,7 +9179,7 @@ var Config = function Config(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2_
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9224,7 +9224,7 @@ var Setting = function Setting(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$2$
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9269,7 +9269,7 @@ var Search = function Search(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$30
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9314,7 +9314,7 @@ var Copy = function Copy(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$31
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9359,7 +9359,7 @@ var Copy2 = function Copy2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$32
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9404,7 +9404,7 @@ var Format = function Format(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$33
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9451,7 +9451,7 @@ var Code = function Code(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$34
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9496,7 +9496,7 @@ var Edit = function Edit(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$35
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9541,7 +9541,7 @@ var EditFill = function EditFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$36
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9588,7 +9588,7 @@ var Delete1 = function Delete1(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$37
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9633,7 +9633,7 @@ var Save = function Save(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$38
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9678,7 +9678,7 @@ var Send = function Send(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$39
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9723,7 +9723,7 @@ var Fullscreen = function Fullscreen(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3a
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9768,7 +9768,7 @@ var ArrowLeftDown = function ArrowLeftDown(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3b
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9813,7 +9813,7 @@ var Link = function Link(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3c
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9862,7 +9862,7 @@ var Unlink = function Unlink(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3d
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9913,7 +9913,7 @@ var MenuUnfold = function MenuUnfold(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3e
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -9958,7 +9958,7 @@ var MenuFold = function MenuFold(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3f
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10003,7 +10003,7 @@ var List = function List(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3g
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10048,7 +10048,7 @@ var ListNested = function ListNested(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3h
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10095,7 +10095,7 @@ var DoubleList = function DoubleList(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3i
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10150,7 +10150,7 @@ var Download = function Download(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3j
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10195,7 +10195,7 @@ var FullDownload = function FullDownload(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3k
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10242,7 +10242,7 @@ var Export = function Export(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3l
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10289,7 +10289,7 @@ var Import = function Import(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3m
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10336,7 +10336,7 @@ var Add1 = function Add1(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3n
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10381,7 +10381,7 @@ var Add2 = function Add2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3o
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10426,7 +10426,7 @@ var Add3 = function Add3(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3p
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10471,7 +10471,7 @@ var Add3Fill = function Add3Fill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10516,7 +10516,7 @@ var Subtract = function Subtract(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3r
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10564,7 +10564,7 @@ var Subtract2 = function Subtract2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3s
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10613,7 +10613,7 @@ var Report = function Report(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3t
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10658,7 +10658,7 @@ var ReportRemoval = function ReportRemoval(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3u
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10711,7 +10711,7 @@ var FileAdd = function FileAdd(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3v
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10756,7 +10756,7 @@ var FileRemove = function FileRemove(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3w
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10803,7 +10803,7 @@ var FileExport = function FileExport(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3x
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10848,7 +10848,7 @@ var FileMove = function FileMove(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10893,7 +10893,7 @@ var FileImport = function FileImport(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10938,7 +10938,7 @@ var FileInfo = function FileInfo(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3A
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -10983,7 +10983,7 @@ var FileConvert = function FileConvert(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3B
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11034,7 +11034,7 @@ var FileLock = function FileLock(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3C
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11079,7 +11079,7 @@ var Detail = function Detail(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3D
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11124,7 +11124,7 @@ var MessageCenter = function MessageCenter(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3E
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11177,7 +11177,7 @@ var SystemMsg = function SystemMsg(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3F
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11228,7 +11228,7 @@ var Comment = function Comment(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3G
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11277,7 +11277,7 @@ var Book = function Book(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3H
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11322,7 +11322,7 @@ var Book2 = function Book2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3I
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11367,7 +11367,7 @@ var FilePdf = function FilePdf(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3J
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11412,7 +11412,7 @@ var Sticker = function Sticker(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3K
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11457,7 +11457,7 @@ var StickerFill = function StickerFill(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3L
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11502,7 +11502,7 @@ var EventSm = function EventSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3M
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11547,7 +11547,7 @@ var EPropertySm = function EPropertySm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3N
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11600,7 +11600,7 @@ var UPropertySm = function UPropertySm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3O
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11653,7 +11653,7 @@ var UGroupSm = function UGroupSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11712,7 +11712,7 @@ var UTagSm = function UTagSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11761,7 +11761,7 @@ var AllGroupSm = function AllGroupSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11812,7 +11812,7 @@ var CalendarSm = function CalendarSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11857,7 +11857,7 @@ var GroupAddSm = function GroupAddSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11908,7 +11908,7 @@ var BooleanSm = function BooleanSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -11955,7 +11955,7 @@ var ListSm = function ListSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3V
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12010,7 +12010,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12057,7 +12057,7 @@ var RowsSm = function RowsSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12112,7 +12112,7 @@ var VPropertySm = function VPropertySm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12163,7 +12163,7 @@ var StringSm = function StringSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12210,7 +12210,7 @@ var NumSm = function NumSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12257,7 +12257,7 @@ var TimeSm = function TimeSm(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12304,7 +12304,7 @@ var ArrowLeft = function ArrowLeft(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12349,7 +12349,7 @@ var ArrowRight = function ArrowRight(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12394,7 +12394,7 @@ var ArrowUp = function ArrowUp(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12439,7 +12439,7 @@ var ArrowDown = function ArrowDown(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12484,7 +12484,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12529,7 +12529,7 @@ var ArrowRight2 = function ArrowRight2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12574,7 +12574,7 @@ var ArrowUp2 = function ArrowUp2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$46
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12619,7 +12619,7 @@ var ArrowDown2 = function ArrowDown2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12664,7 +12664,7 @@ var TriLeft = function TriLeft(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12709,7 +12709,7 @@ var TriRight = function TriRight(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12754,7 +12754,7 @@ var TriUp = function TriUp(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12799,7 +12799,7 @@ var TriDown = function TriDown(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12844,7 +12844,7 @@ var DArrowL = function DArrowL(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12891,7 +12891,7 @@ var DArrowR = function DArrowR(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12938,7 +12938,7 @@ var DArrowT = function DArrowT(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -12985,7 +12985,7 @@ var DArrowB = function DArrowB(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13032,7 +13032,7 @@ var DropDown = function DropDown(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13077,7 +13077,7 @@ var DropUp = function DropUp(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13122,7 +13122,7 @@ var More1 = function More1(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13167,7 +13167,7 @@ var More2 = function More2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13212,7 +13212,7 @@ var Drag = function Drag(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13267,7 +13267,7 @@ var Drag2 = function Drag2(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13316,7 +13316,7 @@ var External = function External(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13361,7 +13361,7 @@ var DisplayS = function DisplayS(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13408,7 +13408,7 @@ var Share = function Share(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
@@ -13453,7 +13453,7 @@ var Placeholder = function Placeholder(props) {
       otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({