@tant/icons 1.0.25 → 1.0.26

package/dist/tant-icons.esm.js

@@ -115,7 +115,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({
@@ -162,7 +162,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({
@@ -207,7 +207,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({
@@ -252,7 +252,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({
@@ -299,7 +299,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({
@@ -344,7 +344,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({
@@ -389,7 +389,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({
@@ -434,7 +434,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({
@@ -479,7 +479,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({
@@ -534,7 +534,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({
@@ -583,7 +583,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({
@@ -632,7 +632,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({
@@ -687,7 +687,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({
@@ -734,7 +734,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({
@@ -785,7 +785,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({
@@ -836,7 +836,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({
@@ -885,7 +885,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({
@@ -940,7 +940,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({
@@ -985,7 +985,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({
@@ -1038,7 +1038,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({
@@ -1093,7 +1093,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({
@@ -1142,7 +1142,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({
@@ -1197,7 +1197,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({
@@ -1248,7 +1248,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({
@@ -1297,7 +1297,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({
@@ -1352,7 +1352,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({
@@ -1403,7 +1403,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({
@@ -1456,7 +1456,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({
@@ -1509,7 +1509,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({
@@ -1560,7 +1560,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({
@@ -1605,7 +1605,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({
@@ -1650,7 +1650,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({
@@ -1695,7 +1695,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({
@@ -1740,7 +1740,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({
@@ -1785,7 +1785,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({
@@ -1830,7 +1830,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({
@@ -1875,7 +1875,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({
@@ -1920,7 +1920,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({
@@ -1965,7 +1965,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({
@@ -2012,7 +2012,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({
@@ -2067,7 +2067,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({
@@ -2116,7 +2116,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({
@@ -2165,7 +2165,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({
@@ -2214,7 +2214,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({
@@ -2259,7 +2259,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({
@@ -2304,7 +2304,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({
@@ -2349,7 +2349,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({
@@ -2394,7 +2394,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({
@@ -2447,7 +2447,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({
@@ -2492,7 +2492,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({
@@ -2537,7 +2537,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({
@@ -2582,7 +2582,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({
@@ -2627,7 +2627,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({
@@ -2674,7 +2674,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({
@@ -2721,7 +2721,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({
@@ -2770,7 +2770,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({
@@ -2815,7 +2815,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({
@@ -2862,7 +2862,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({
@@ -2907,7 +2907,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({
@@ -2952,7 +2952,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({
@@ -2997,7 +2997,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({
@@ -3044,7 +3044,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({
@@ -3091,7 +3091,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({
@@ -3136,7 +3136,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({
@@ -3181,7 +3181,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({
@@ -3236,7 +3236,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({
@@ -3285,7 +3285,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({
@@ -3334,7 +3334,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({
@@ -3387,7 +3387,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({
@@ -3432,7 +3432,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({
@@ -3477,7 +3477,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({
@@ -3522,7 +3522,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({
@@ -3577,7 +3577,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({
@@ -3622,7 +3622,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({
@@ -3667,7 +3667,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({
@@ -3716,7 +3716,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({
@@ -3761,7 +3761,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({
@@ -3806,7 +3806,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({
@@ -3851,7 +3851,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({
@@ -3896,7 +3896,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({
@@ -3941,7 +3941,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({
@@ -3986,7 +3986,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({
@@ -4033,7 +4033,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({
@@ -4078,7 +4078,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({
@@ -4125,7 +4125,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({
@@ -4170,7 +4170,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({
@@ -4215,7 +4215,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({
@@ -4264,7 +4264,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({
@@ -4313,7 +4313,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({
@@ -4358,7 +4358,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({
@@ -4403,7 +4403,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({
@@ -4452,7 +4452,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({
@@ -4501,7 +4501,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({
@@ -4546,7 +4546,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({
@@ -4601,7 +4601,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({
@@ -4646,7 +4646,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({
@@ -4695,7 +4695,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({
@@ -4746,7 +4746,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({
@@ -4791,7 +4791,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({
@@ -4836,7 +4836,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({
@@ -4881,7 +4881,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({
@@ -4926,7 +4926,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({
@@ -4975,7 +4975,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({
@@ -5022,7 +5022,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({
@@ -5074,7 +5074,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({
@@ -5121,7 +5121,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({
@@ -5166,7 +5166,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({
@@ -5211,7 +5211,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({
@@ -5258,7 +5258,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({
@@ -5303,7 +5303,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({
@@ -5350,7 +5350,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({
@@ -5397,7 +5397,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({
@@ -5442,7 +5442,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({
@@ -5489,7 +5489,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({
@@ -5536,7 +5536,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({
@@ -5581,7 +5581,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({
@@ -5628,7 +5628,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({
@@ -5682,7 +5682,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({
@@ -5729,7 +5729,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({
@@ -5776,7 +5776,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({
@@ -5823,7 +5823,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({
@@ -5870,7 +5870,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({
@@ -5917,7 +5917,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({
@@ -5964,7 +5964,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({
@@ -6011,7 +6011,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({
@@ -6058,7 +6058,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({
@@ -6104,7 +6104,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({
@@ -6149,7 +6149,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({
@@ -6207,7 +6207,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({
@@ -6252,7 +6252,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({
@@ -6306,7 +6306,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({
@@ -6358,7 +6358,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({
@@ -6421,7 +6421,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({
@@ -6467,7 +6467,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({
@@ -6517,7 +6517,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({
@@ -6566,7 +6566,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({
@@ -6611,7 +6611,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({
@@ -6656,7 +6656,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({
@@ -6703,7 +6703,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({
@@ -6752,7 +6752,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({
@@ -6797,7 +6797,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({
@@ -6844,7 +6844,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({
@@ -6891,7 +6891,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({
@@ -6936,7 +6936,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({
@@ -6983,7 +6983,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({
@@ -7028,7 +7028,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({
@@ -7073,7 +7073,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({
@@ -7118,7 +7118,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({
@@ -7163,7 +7163,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({
@@ -7208,7 +7208,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({
@@ -7255,7 +7255,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({
@@ -7300,7 +7300,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({
@@ -7345,7 +7345,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({
@@ -7390,7 +7390,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({
@@ -7435,7 +7435,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({
@@ -7480,7 +7480,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({
@@ -7525,7 +7525,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({
@@ -7570,7 +7570,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({
@@ -7615,7 +7615,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({
@@ -7664,7 +7664,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({
@@ -7709,7 +7709,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({
@@ -7754,7 +7754,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({
@@ -7799,7 +7799,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({
@@ -7844,7 +7844,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({
@@ -7891,7 +7891,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({
@@ -7936,7 +7936,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({
@@ -7983,7 +7983,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({
@@ -8030,7 +8030,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({
@@ -8075,7 +8075,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({
@@ -8126,7 +8126,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({
@@ -8175,7 +8175,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({
@@ -8230,7 +8230,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({
@@ -8277,7 +8277,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({
@@ -8334,7 +8334,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({
@@ -8391,7 +8391,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({
@@ -8440,7 +8440,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({
@@ -8487,7 +8487,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({
@@ -8534,7 +8534,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({
@@ -8581,7 +8581,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({
@@ -8628,7 +8628,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({
@@ -8681,7 +8681,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({
@@ -8740,7 +8740,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({
@@ -8785,7 +8785,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({
@@ -8830,7 +8830,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({
@@ -8893,7 +8893,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({
@@ -8938,7 +8938,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({
@@ -8983,7 +8983,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({
@@ -9028,7 +9028,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({
@@ -9075,7 +9075,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({
@@ -9128,7 +9128,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({
@@ -9173,7 +9173,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({
@@ -9218,7 +9218,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({
@@ -9263,7 +9263,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({
@@ -9308,7 +9308,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({
@@ -9353,7 +9353,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({
@@ -9398,7 +9398,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({
@@ -9445,7 +9445,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({
@@ -9490,7 +9490,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({
@@ -9535,7 +9535,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({
@@ -9582,7 +9582,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({
@@ -9627,7 +9627,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({
@@ -9672,7 +9672,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({
@@ -9717,7 +9717,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({
@@ -9762,7 +9762,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({
@@ -9807,7 +9807,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({
@@ -9856,7 +9856,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({
@@ -9907,7 +9907,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({
@@ -9952,7 +9952,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({
@@ -9997,7 +9997,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({
@@ -10042,7 +10042,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({
@@ -10089,7 +10089,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({
@@ -10144,7 +10144,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({
@@ -10189,7 +10189,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({
@@ -10236,7 +10236,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({
@@ -10283,7 +10283,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({
@@ -10330,7 +10330,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({
@@ -10375,7 +10375,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({
@@ -10420,7 +10420,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({
@@ -10465,7 +10465,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({
@@ -10510,7 +10510,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({
@@ -10558,7 +10558,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({
@@ -10607,7 +10607,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({
@@ -10652,7 +10652,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({
@@ -10705,7 +10705,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({
@@ -10750,7 +10750,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({
@@ -10797,7 +10797,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({
@@ -10842,7 +10842,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({
@@ -10887,7 +10887,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({
@@ -10932,7 +10932,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({
@@ -10977,7 +10977,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({
@@ -11028,7 +11028,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({
@@ -11073,7 +11073,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({
@@ -11118,7 +11118,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({
@@ -11171,7 +11171,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({
@@ -11222,7 +11222,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({
@@ -11271,7 +11271,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({
@@ -11316,7 +11316,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({
@@ -11361,7 +11361,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({
@@ -11406,7 +11406,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({
@@ -11451,7 +11451,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({
@@ -11496,7 +11496,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({
@@ -11541,7 +11541,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({
@@ -11594,7 +11594,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({
@@ -11647,7 +11647,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({
@@ -11706,7 +11706,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({
@@ -11755,7 +11755,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({
@@ -11806,7 +11806,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({
@@ -11851,7 +11851,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({
@@ -11902,7 +11902,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({
@@ -11949,7 +11949,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({
@@ -12004,7 +12004,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({
@@ -12051,7 +12051,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({
@@ -12106,7 +12106,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({
@@ -12157,7 +12157,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({
@@ -12204,7 +12204,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({
@@ -12251,7 +12251,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({
@@ -12298,7 +12298,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({
@@ -12343,7 +12343,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({
@@ -12388,7 +12388,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({
@@ -12433,7 +12433,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({
@@ -12478,7 +12478,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({
@@ -12523,7 +12523,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({
@@ -12568,7 +12568,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({
@@ -12613,7 +12613,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({
@@ -12658,7 +12658,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({
@@ -12703,7 +12703,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({
@@ -12748,7 +12748,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({
@@ -12793,7 +12793,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({
@@ -12838,7 +12838,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({
@@ -12885,7 +12885,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({
@@ -12932,7 +12932,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({
@@ -12979,7 +12979,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({
@@ -13026,7 +13026,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({
@@ -13071,7 +13071,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({
@@ -13116,7 +13116,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({
@@ -13161,7 +13161,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({
@@ -13206,7 +13206,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({
@@ -13261,7 +13261,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({
@@ -13310,7 +13310,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({
@@ -13355,7 +13355,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({
@@ -13402,7 +13402,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({
@@ -13447,7 +13447,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({