tdesign-react 0.38.0 → 0.38.1-alpha.1

package/dist/tdesign.js

@@ -5159,19 +5159,6 @@
 
   var TransitionGroupContext = /*#__PURE__*/React__default["default"].createContext(null);
 
-  // polyfill for requestAnimationFrame
-  var rAF = typeof window !== 'undefined' && typeof window.requestAnimationFrame === 'function' ? window.requestAnimationFrame : function (cb) {
-    return setTimeout(cb, 1);
-  }; // https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame
-  // Note: Your callback routine must itself call requestAnimationFrame() again
-  // if you want to animate another frame at the next repaint. requestAnimationFrame() is 1 shot.
-
-  var nextTick = function nextTick(cb) {
-    return rAF(function () {
-      return rAF(cb);
-    });
-  };
-
   var UNMOUNTED = 'unmounted';
   var EXITED = 'exited';
   var ENTERING = 'entering';
@@ -5382,8 +5369,6 @@
     };
 
     _proto.updateStatus = function updateStatus(mounting, nextStatus) {
-      var _this2 = this;
-
       if (mounting === void 0) {
         mounting = false;
       }
@@ -5393,17 +5378,7 @@
         this.cancelNextCallback();
 
         if (nextStatus === ENTERING) {
-          // https://github.com/reactjs/react-transition-group/pull/749
-          // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
-          // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
-          if (this.props.unmountOnExit || this.props.mountOnEnter) {
-            // `exited` -> `entering`
-            nextTick(function () {
-              return _this2.performEnter(mounting);
-            });
-          } else {
-            this.performEnter(mounting);
-          }
+          this.performEnter(mounting);
         } else {
           this.performExit();
         }
@@ -5415,7 +5390,7 @@
     };
 
     _proto.performEnter = function performEnter(mounting) {
-      var _this3 = this;
+      var _this2 = this;
 
       var enter = this.props.enter;
       var appearing = this.context ? this.context.isMounting : mounting;
@@ -5432,7 +5407,7 @@
         this.safeSetState({
           status: ENTERED
         }, function () {
-          _this3.props.onEntered(maybeNode);
+          _this2.props.onEntered(maybeNode);
         });
         return;
       }
@@ -5441,20 +5416,20 @@
       this.safeSetState({
         status: ENTERING
       }, function () {
-        _this3.props.onEntering(maybeNode, maybeAppearing);
+        _this2.props.onEntering(maybeNode, maybeAppearing);
 
-        _this3.onTransitionEnd(enterTimeout, function () {
-          _this3.safeSetState({
+        _this2.onTransitionEnd(enterTimeout, function () {
+          _this2.safeSetState({
             status: ENTERED
           }, function () {
-            _this3.props.onEntered(maybeNode, maybeAppearing);
+            _this2.props.onEntered(maybeNode, maybeAppearing);
           });
         });
       });
     };
 
     _proto.performExit = function performExit() {
-      var _this4 = this;
+      var _this3 = this;
 
       var exit = this.props.exit;
       var timeouts = this.getTimeouts();
@@ -5464,7 +5439,7 @@
         this.safeSetState({
           status: EXITED
         }, function () {
-          _this4.props.onExited(maybeNode);
+          _this3.props.onExited(maybeNode);
         });
         return;
       }
@@ -5473,13 +5448,13 @@
       this.safeSetState({
         status: EXITING
       }, function () {
-        _this4.props.onExiting(maybeNode);
+        _this3.props.onExiting(maybeNode);
 
-        _this4.onTransitionEnd(timeouts.exit, function () {
-          _this4.safeSetState({
+        _this3.onTransitionEnd(timeouts.exit, function () {
+          _this3.safeSetState({
             status: EXITED
           }, function () {
-            _this4.props.onExited(maybeNode);
+            _this3.props.onExited(maybeNode);
           });
         });
       });
@@ -5501,14 +5476,14 @@
     };
 
     _proto.setNextCallback = function setNextCallback(callback) {
-      var _this5 = this;
+      var _this4 = this;
 
       var active = true;
 
       this.nextCallback = function (event) {
         if (active) {
           active = false;
-          _this5.nextCallback = null;
+          _this4.nextCallback = null;
           callback(event);
         }
       };
@@ -10464,13 +10439,14 @@
       }
     }]
   };
-  var AddRectangleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var AddRectangleIcon = function AddRectangleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2E(_objectSpread$2E({}, props), {}, {
       id: "add-rectangle",
-      ref: ref,
       icon: element$C
     }));
-  });
+  };
+
   AddRectangleIcon.displayName = "AddRectangleIcon";
 
   function ownKeys$2E(object, enumerableOnly) {
@@ -10516,13 +10492,14 @@
       }
     }]
   };
-  var AddIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var AddIcon = function AddIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2D(_objectSpread$2D({}, props), {}, {
       id: "add",
-      ref: ref,
       icon: element$B
     }));
-  });
+  };
+
   AddIcon.displayName = "AddIcon";
 
   function ownKeys$2D(object, enumerableOnly) {
@@ -10575,13 +10552,14 @@
       }
     }]
   };
-  var BrowseOffIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var BrowseOffIcon = function BrowseOffIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2C(_objectSpread$2C({}, props), {}, {
       id: "browse-off",
-      ref: ref,
       icon: element$A
     }));
-  });
+  };
+
   BrowseOffIcon.displayName = "BrowseOffIcon";
 
   function ownKeys$2C(object, enumerableOnly) {
@@ -10634,13 +10612,14 @@
       }
     }]
   };
-  var BrowseIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var BrowseIcon = function BrowseIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2B(_objectSpread$2B({}, props), {}, {
       id: "browse",
-      ref: ref,
       icon: element$z
     }));
-  });
+  };
+
   BrowseIcon.displayName = "BrowseIcon";
 
   function ownKeys$2B(object, enumerableOnly) {
@@ -10686,13 +10665,14 @@
       }
     }]
   };
-  var CalendarIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CalendarIcon = function CalendarIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2A(_objectSpread$2A({}, props), {}, {
       id: "calendar",
-      ref: ref,
       icon: element$y
     }));
-  });
+  };
+
   CalendarIcon.displayName = "CalendarIcon";
 
   function ownKeys$2A(object, enumerableOnly) {
@@ -10738,13 +10718,14 @@
       }
     }]
   };
-  var CaretRightSmallIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CaretRightSmallIcon = function CaretRightSmallIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2z(_objectSpread$2z({}, props), {}, {
       id: "caret-right-small",
-      ref: ref,
       icon: element$x
     }));
-  });
+  };
+
   CaretRightSmallIcon.displayName = "CaretRightSmallIcon";
 
   function ownKeys$2z(object, enumerableOnly) {
@@ -10790,13 +10771,14 @@
       }
     }]
   };
-  var CheckCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CheckCircleFilledIcon = function CheckCircleFilledIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2y(_objectSpread$2y({}, props), {}, {
       id: "check-circle-filled",
-      ref: ref,
       icon: element$w
     }));
-  });
+  };
+
   CheckCircleFilledIcon.displayName = "CheckCircleFilledIcon";
 
   function ownKeys$2y(object, enumerableOnly) {
@@ -10849,13 +10831,14 @@
       }
     }]
   };
-  var CheckCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CheckCircleIcon = function CheckCircleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2x(_objectSpread$2x({}, props), {}, {
       id: "check-circle",
-      ref: ref,
       icon: element$v
     }));
-  });
+  };
+
   CheckCircleIcon.displayName = "CheckCircleIcon";
 
   function ownKeys$2x(object, enumerableOnly) {
@@ -10901,13 +10884,14 @@
       }
     }]
   };
-  var CheckIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CheckIcon = function CheckIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2w(_objectSpread$2w({}, props), {}, {
       id: "check",
-      ref: ref,
       icon: element$u
     }));
-  });
+  };
+
   CheckIcon.displayName = "CheckIcon";
 
   function ownKeys$2w(object, enumerableOnly) {
@@ -10953,13 +10937,14 @@
       }
     }]
   };
-  var ChevronDownIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ChevronDownIcon = function ChevronDownIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2v(_objectSpread$2v({}, props), {}, {
       id: "chevron-down",
-      ref: ref,
       icon: element$t
     }));
-  });
+  };
+
   ChevronDownIcon.displayName = "ChevronDownIcon";
 
   function ownKeys$2v(object, enumerableOnly) {
@@ -11012,13 +10997,14 @@
       }
     }]
   };
-  var ChevronLeftDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ChevronLeftDoubleIcon = function ChevronLeftDoubleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2u(_objectSpread$2u({}, props), {}, {
       id: "chevron-left-double",
-      ref: ref,
       icon: element$s
     }));
-  });
+  };
+
   ChevronLeftDoubleIcon.displayName = "ChevronLeftDoubleIcon";
 
   function ownKeys$2u(object, enumerableOnly) {
@@ -11064,13 +11050,14 @@
       }
     }]
   };
-  var ChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ChevronLeftIcon = function ChevronLeftIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2t(_objectSpread$2t({}, props), {}, {
       id: "chevron-left",
-      ref: ref,
       icon: element$r
     }));
-  });
+  };
+
   ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
   function ownKeys$2t(object, enumerableOnly) {
@@ -11123,13 +11110,14 @@
       }
     }]
   };
-  var ChevronRightCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ChevronRightCircleIcon = function ChevronRightCircleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2s(_objectSpread$2s({}, props), {}, {
       id: "chevron-right-circle",
-      ref: ref,
       icon: element$q
     }));
-  });
+  };
+
   ChevronRightCircleIcon.displayName = "ChevronRightCircleIcon";
 
   function ownKeys$2s(object, enumerableOnly) {
@@ -11175,13 +11163,14 @@
       }
     }]
   };
-  var ChevronRightDoubleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ChevronRightDoubleIcon = function ChevronRightDoubleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2r(_objectSpread$2r({}, props), {}, {
       id: "chevron-right-double",
-      ref: ref,
       icon: element$p
     }));
-  });
+  };
+
   ChevronRightDoubleIcon.displayName = "ChevronRightDoubleIcon";
 
   function ownKeys$2r(object, enumerableOnly) {
@@ -11227,13 +11216,14 @@
       }
     }]
   };
-  var ChevronRightIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ChevronRightIcon = function ChevronRightIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2q(_objectSpread$2q({}, props), {}, {
       id: "chevron-right",
-      ref: ref,
       icon: element$o
     }));
-  });
+  };
+
   ChevronRightIcon.displayName = "ChevronRightIcon";
 
   function ownKeys$2q(object, enumerableOnly) {
@@ -11279,13 +11269,14 @@
       }
     }]
   };
-  var ChevronUpIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ChevronUpIcon = function ChevronUpIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2p(_objectSpread$2p({}, props), {}, {
       id: "chevron-up",
-      ref: ref,
       icon: element$n
     }));
-  });
+  };
+
   ChevronUpIcon.displayName = "ChevronUpIcon";
 
   function ownKeys$2p(object, enumerableOnly) {
@@ -11331,13 +11322,14 @@
       }
     }]
   };
-  var CloseCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CloseCircleFilledIcon = function CloseCircleFilledIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2o(_objectSpread$2o({}, props), {}, {
       id: "close-circle-filled",
-      ref: ref,
       icon: element$m
     }));
-  });
+  };
+
   CloseCircleFilledIcon.displayName = "CloseCircleFilledIcon";
 
   function ownKeys$2o(object, enumerableOnly) {
@@ -11390,13 +11382,14 @@
       }
     }]
   };
-  var CloseCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CloseCircleIcon = function CloseCircleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2n(_objectSpread$2n({}, props), {}, {
       id: "close-circle",
-      ref: ref,
       icon: element$l
     }));
-  });
+  };
+
   CloseCircleIcon.displayName = "CloseCircleIcon";
 
   function ownKeys$2n(object, enumerableOnly) {
@@ -11442,13 +11435,14 @@
       }
     }]
   };
-  var CloseIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var CloseIcon = function CloseIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2m(_objectSpread$2m({}, props), {}, {
       id: "close",
-      ref: ref,
       icon: element$k
     }));
-  });
+  };
+
   CloseIcon.displayName = "CloseIcon";
 
   function ownKeys$2m(object, enumerableOnly) {
@@ -11501,13 +11495,14 @@
       }
     }]
   };
-  var DeleteIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var DeleteIcon = function DeleteIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2l(_objectSpread$2l({}, props), {}, {
       id: "delete",
-      ref: ref,
       icon: element$j
     }));
-  });
+  };
+
   DeleteIcon.displayName = "DeleteIcon";
 
   function ownKeys$2l(object, enumerableOnly) {
@@ -11559,13 +11554,14 @@
       }]
     }]
   };
-  var Edit1Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var Edit1Icon = function Edit1Icon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2k(_objectSpread$2k({}, props), {}, {
       id: "edit-1",
-      ref: ref,
       icon: element$i
     }));
-  });
+  };
+
   Edit1Icon.displayName = "Edit1Icon";
 
   function ownKeys$2k(object, enumerableOnly) {
@@ -11611,13 +11607,14 @@
       }
     }]
   };
-  var EllipsisIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var EllipsisIcon = function EllipsisIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2j(_objectSpread$2j({}, props), {}, {
       id: "ellipsis",
-      ref: ref,
       icon: element$h
     }));
-  });
+  };
+
   EllipsisIcon.displayName = "EllipsisIcon";
 
   function ownKeys$2j(object, enumerableOnly) {
@@ -11663,13 +11660,14 @@
       }
     }]
   };
-  var ErrorCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ErrorCircleFilledIcon = function ErrorCircleFilledIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2i(_objectSpread$2i({}, props), {}, {
       id: "error-circle-filled",
-      ref: ref,
       icon: element$g
     }));
-  });
+  };
+
   ErrorCircleFilledIcon.displayName = "ErrorCircleFilledIcon";
 
   function ownKeys$2i(object, enumerableOnly) {
@@ -11722,13 +11720,14 @@
       }
     }]
   };
-  var ErrorCircleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var ErrorCircleIcon = function ErrorCircleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2h(_objectSpread$2h({}, props), {}, {
       id: "error-circle",
-      ref: ref,
       icon: element$f
     }));
-  });
+  };
+
   ErrorCircleIcon.displayName = "ErrorCircleIcon";
 
   function ownKeys$2h(object, enumerableOnly) {
@@ -11781,13 +11780,14 @@
       }
     }]
   };
-  var FileCopyIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var FileCopyIcon = function FileCopyIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2g(_objectSpread$2g({}, props), {}, {
       id: "file-copy",
-      ref: ref,
       icon: element$e
     }));
-  });
+  };
+
   FileCopyIcon.displayName = "FileCopyIcon";
 
   function ownKeys$2g(object, enumerableOnly) {
@@ -11833,13 +11833,14 @@
       }
     }]
   };
-  var FilterIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var FilterIcon = function FilterIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2f(_objectSpread$2f({}, props), {}, {
       id: "filter",
-      ref: ref,
       icon: element$d
     }));
-  });
+  };
+
   FilterIcon.displayName = "FilterIcon";
 
   function ownKeys$2f(object, enumerableOnly) {
@@ -11885,13 +11886,14 @@
       }
     }]
   };
-  var HelpCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var HelpCircleFilledIcon = function HelpCircleFilledIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2e(_objectSpread$2e({}, props), {}, {
       id: "help-circle-filled",
-      ref: ref,
       icon: element$c
     }));
-  });
+  };
+
   HelpCircleFilledIcon.displayName = "HelpCircleFilledIcon";
 
   function ownKeys$2e(object, enumerableOnly) {
@@ -11937,13 +11939,14 @@
       }
     }]
   };
-  var InfoCircleFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var InfoCircleFilledIcon = function InfoCircleFilledIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2d(_objectSpread$2d({}, props), {}, {
       id: "info-circle-filled",
-      ref: ref,
       icon: element$b
     }));
-  });
+  };
+
   InfoCircleFilledIcon.displayName = "InfoCircleFilledIcon";
 
   function ownKeys$2d(object, enumerableOnly) {
@@ -11996,13 +11999,14 @@
       }
     }]
   };
-  var MinusRectangleIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var MinusRectangleIcon = function MinusRectangleIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2c(_objectSpread$2c({}, props), {}, {
       id: "minus-rectangle",
-      ref: ref,
       icon: element$a
     }));
-  });
+  };
+
   MinusRectangleIcon.displayName = "MinusRectangleIcon";
 
   function ownKeys$2c(object, enumerableOnly) {
@@ -12048,13 +12052,14 @@
       }
     }]
   };
-  var PageFirstIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var PageFirstIcon = function PageFirstIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2b(_objectSpread$2b({}, props), {}, {
       id: "page-first",
-      ref: ref,
       icon: element$9
     }));
-  });
+  };
+
   PageFirstIcon.displayName = "PageFirstIcon";
 
   function ownKeys$2b(object, enumerableOnly) {
@@ -12100,13 +12105,14 @@
       }
     }]
   };
-  var PageLastIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var PageLastIcon = function PageLastIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$2a(_objectSpread$2a({}, props), {}, {
       id: "page-last",
-      ref: ref,
       icon: element$8
     }));
-  });
+  };
+
   PageLastIcon.displayName = "PageLastIcon";
 
   function ownKeys$2a(object, enumerableOnly) {
@@ -12152,13 +12158,14 @@
       }
     }]
   };
-  var RemoveIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var RemoveIcon = function RemoveIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$29(_objectSpread$29({}, props), {}, {
       id: "remove",
-      ref: ref,
       icon: element$7
     }));
-  });
+  };
+
   RemoveIcon.displayName = "RemoveIcon";
 
   function ownKeys$29(object, enumerableOnly) {
@@ -12204,13 +12211,14 @@
       }
     }]
   };
-  var RoundIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var RoundIcon = function RoundIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$28(_objectSpread$28({}, props), {}, {
       id: "round",
-      ref: ref,
       icon: element$6
     }));
-  });
+  };
+
   RoundIcon.displayName = "RoundIcon";
 
   function ownKeys$28(object, enumerableOnly) {
@@ -12256,13 +12264,14 @@
       }
     }]
   };
-  var SearchIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var SearchIcon = function SearchIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$27(_objectSpread$27({}, props), {}, {
       id: "search",
-      ref: ref,
       icon: element$5
     }));
-  });
+  };
+
   SearchIcon.displayName = "SearchIcon";
 
   function ownKeys$27(object, enumerableOnly) {
@@ -12315,13 +12324,14 @@
       }
     }]
   };
-  var SettingIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var SettingIcon = function SettingIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$26(_objectSpread$26({}, props), {}, {
       id: "setting",
-      ref: ref,
       icon: element$4
     }));
-  });
+  };
+
   SettingIcon.displayName = "SettingIcon";
 
   function ownKeys$26(object, enumerableOnly) {
@@ -12367,13 +12377,14 @@
       }
     }]
   };
-  var StarFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var StarFilledIcon = function StarFilledIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$25(_objectSpread$25({}, props), {}, {
       id: "star-filled",
-      ref: ref,
       icon: element$3
     }));
-  });
+  };
+
   StarFilledIcon.displayName = "StarFilledIcon";
 
   function ownKeys$25(object, enumerableOnly) {
@@ -12419,13 +12430,14 @@
       }
     }]
   };
-  var TimeFilledIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var TimeFilledIcon = function TimeFilledIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$24(_objectSpread$24({}, props), {}, {
       id: "time-filled",
-      ref: ref,
       icon: element$2
     }));
-  });
+  };
+
   TimeFilledIcon.displayName = "TimeFilledIcon";
 
   function ownKeys$24(object, enumerableOnly) {
@@ -12478,13 +12490,14 @@
       }
     }]
   };
-  var TimeIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var TimeIcon = function TimeIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$23(_objectSpread$23({}, props), {}, {
       id: "time",
-      ref: ref,
       icon: element$1
     }));
-  });
+  };
+
   TimeIcon.displayName = "TimeIcon";
 
   function ownKeys$23(object, enumerableOnly) {
@@ -12537,13 +12550,14 @@
       }
     }]
   };
-  var UploadIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+
+  var UploadIcon = function UploadIcon(props) {
     return /*#__PURE__*/React.createElement(IconBase, _objectSpread$22(_objectSpread$22({}, props), {}, {
       id: "upload",
-      ref: ref,
       icon: element
     }));
-  });
+  };
+
   UploadIcon.displayName = "UploadIcon";
 
   var reactIs = reactIs$1.exports;
@@ -14214,8 +14228,10 @@
     };
 
     var calcBarStyle = function calcBarStyle() {
+      var _groupRef$current$que, _groupRef$current;
+
       if (!variant.includes("filled")) return;
-      var checkedRadio = groupRef.current.querySelector(checkedRadioCls);
+      var checkedRadio = (_groupRef$current$que = (_groupRef$current = groupRef.current).querySelector) === null || _groupRef$current$que === void 0 ? void 0 : _groupRef$current$que.call(_groupRef$current, checkedRadioCls);
       if (!checkedRadio) return setBarStyle({
         width: 0
       });
@@ -32877,7 +32893,7 @@
     if (container) {
       container.appendChild(fragment);
     } else {
-      console.error("attach is not exist");
+      log.error("Dialog", "attach is not exist");
     }
 
     var dialogNode = {
@@ -33950,7 +33966,7 @@
       var types = ["single", "multiple", "input"];
 
       if (column2.type && !types.includes(column2.filter.type)) {
-        console.error("TDesign Table Error: column.filter.type must be the following: ".concat(JSON.stringify(types)));
+        log.error("Table", "TDesign Table Error: column.filter.type must be the following: ".concat(JSON.stringify(types)));
         return;
       }
 
@@ -37307,7 +37323,7 @@
       var dragContainer = element === null || element === void 0 ? void 0 : element.querySelector("tbody");
 
       if (!dragContainer) {
-        console.error("tbody does not exist.");
+        log.error("Table", "tbody does not exist.");
         return null;
       }
 
@@ -41718,7 +41734,9 @@
       var offset = 0;
 
       if (containerRef.current) {
-        var itemsRef = containerRef.current.querySelectorAll(".t-tabs__nav-item");
+        var _containerRef$current, _containerRef$current2;
+
+        var itemsRef = (_containerRef$current = (_containerRef$current2 = containerRef.current).querySelectorAll) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.call(_containerRef$current2, ".t-tabs__nav-item");
 
         if (itemsRef.length - 1 >= activeId) {
           itemsRef.forEach(function (item, itemIndex) {
@@ -46386,7 +46404,7 @@
 
     React.useEffect(function () {
       if (Array.isArray(customValue) && !customValue.includes(value)) {
-        throw "value is not in customValue: ".concat(JSON.stringify(customValue));
+        log.error("Switch", "value is not in customValue: ".concat(JSON.stringify(customValue)));
       }
 
       isControlled && setInnerChecked(value === activeValue);
@@ -46716,7 +46734,9 @@
     };
 
     React.useEffect(function () {
-      var pointEl = anchorEl.current.querySelector(".".concat(classPrefix, "-is-active>a"));
+      var _anchorEl$current$que, _anchorEl$current;
+
+      var pointEl = (_anchorEl$current$que = (_anchorEl$current = anchorEl.current).querySelector) === null || _anchorEl$current$que === void 0 ? void 0 : _anchorEl$current$que.call(_anchorEl$current, ".".concat(classPrefix, "-is-active>a"));
 
       if (!pointEl) {
         setCursorStyle(null);
@@ -47978,7 +47998,9 @@
     }
 
     function scrollTo(selector) {
-      var dom = formRef.current.querySelector(selector);
+      var _formRef$current$quer, _formRef$current;
+
+      var dom = (_formRef$current$quer = (_formRef$current = formRef.current).querySelector) === null || _formRef$current$quer === void 0 ? void 0 : _formRef$current$quer.call(_formRef$current, selector);
       var behavior = scrollToFirstError;
       dom && dom.scrollIntoView({
         behavior: behavior
@@ -52017,7 +52039,7 @@
                   break;
                 }
 
-                console.error("TDesign Upload Error: action or requestMethod is required.");
+                log.error("Upload", "TDesign Upload Error: action or requestMethod is required.");
                 return _context.abrupt("return");
 
               case 6:
@@ -52061,17 +52083,17 @@
 
     function handleRequestMethodResponse(res) {
       if (!res) {
-        console.error("TDesign Upload Error: `requestMethodResponse` is required.");
+        log.error("Upload", "TDesign Upload Error: `requestMethodResponse` is required.");
         return false;
       }
 
       if (!res.status) {
-        console.error("TDesign Upload Error: `requestMethodResponse.status` is missing, which value is `success` or `fail`");
+        log.error("Upload", "TDesign Upload Error: `requestMethodResponse.status` is missing, which value is `success` or `fail`");
         return false;
       }
 
       if (!["success", "fail"].includes(res.status)) {
-        console.error("TDesign Upload Error: `requestMethodResponse.status` must be `success` or `fail`");
+        log.error("Upload", "TDesign Upload Error: `requestMethodResponse.status` must be `success` or `fail`");
         return false;
       }
 
@@ -52581,31 +52603,31 @@
         firstInputElement: inputRefs.firstInputRef.current,
         secondInputElement: inputRefs.secondInputRef.current,
         focus: function focus(options) {
-          var _inputRefs$current;
+          var _inputRefs$$current;
 
           var _ref3 = options || {},
               _ref3$position = _ref3.position,
               position = _ref3$position === void 0 ? "first" : _ref3$position;
 
-          (_inputRefs$current = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current === void 0 ? void 0 : _inputRefs$current.focus();
+          (_inputRefs$$current = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current === void 0 ? void 0 : _inputRefs$$current.focus();
         },
         blur: function blur(options) {
-          var _inputRefs$current2;
+          var _inputRefs$$current2;
 
           var _ref4 = options || {},
               _ref4$position = _ref4.position,
               position = _ref4$position === void 0 ? "first" : _ref4$position;
 
-          (_inputRefs$current2 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current2 === void 0 ? void 0 : _inputRefs$current2.blur();
+          (_inputRefs$$current2 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current2 === void 0 ? void 0 : _inputRefs$$current2.blur();
         },
         select: function select(options) {
-          var _inputRefs$current3;
+          var _inputRefs$$current3;
 
           var _ref5 = options || {},
               _ref5$position = _ref5.position,
               position = _ref5$position === void 0 ? "first" : _ref5$position;
 
-          (_inputRefs$current3 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current3 === void 0 ? void 0 : _inputRefs$current3.select();
+          (_inputRefs$$current3 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current3 === void 0 ? void 0 : _inputRefs$$current3.select();
         }
       };
     });
@@ -54760,7 +54782,7 @@
     if (dayjsDateList.some(function (r) {
       return !r.isValid();
     })) {
-      console.error("\u8BF7\u68C0\u67E5 format\u3001valueType\u3001value \u683C\u5F0F\u662F\u5426\u6709\u6548.\nformat: '".concat(format, "' valueType: '").concat(targetFormat, "' value: '").concat(newDate, "'"));
+      log.error("DatePicker", "\u8BF7\u68C0\u67E5 format\u3001valueType\u3001value \u683C\u5F0F\u662F\u5426\u6709\u6548.\nformat: '".concat(format, "' valueType: '").concat(targetFormat, "' value: '").concat(newDate, "'"));
       return [];
     }
 
@@ -54783,7 +54805,7 @@
     var dayJsDate = parseToDayjs(newDate, format);
 
     if (!dayJsDate.isValid()) {
-      console.error("\u8BF7\u68C0\u67E5 format\u3001valueType\u3001value \u683C\u5F0F\u662F\u5426\u6709\u6548.\nformat: '".concat(format, "' valueType: '").concat(targetFormat, "' value: '").concat(newDate, "'"));
+      log.error("DatePicker", "\u8BF7\u68C0\u67E5 format\u3001valueType\u3001value \u683C\u5F0F\u662F\u5426\u6709\u6548.\nformat: '".concat(format, "' valueType: '").concat(targetFormat, "' value: '").concat(newDate, "'"));
       return "";
     }
 
@@ -56581,14 +56603,14 @@
         timeFormat = _getDefaultFormat.timeFormat;
 
     if (props.enableTimePicker) {
-      if (!extractTimeFormat(format)) console.error("format: ".concat(format, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
-      if (!extractTimeFormat(valueType) && valueType !== "time-stamp") console.error("valueType: ".concat(valueType, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
+      if (!extractTimeFormat(format)) log.error("DatePicker", "format: ".concat(format, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
+      if (!extractTimeFormat(valueType) && valueType !== "time-stamp") log.error("DatePicker", "valueType: ".concat(valueType, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
     }
 
     if (!Array.isArray(value)) {
-      console.error("typeof value: ".concat(value, " must be Array!"));
+      log.error("DatePicker", "typeof value: ".concat(value, " must be Array!"));
     } else if (!isValidDate(value, valueType)) {
-      console.error("value: ".concat(value, " is invalid dateTime! Check whether the value is consistent with format: ").concat(format));
+      log.error("DatePicker", "value: ".concat(value, " is invalid dateTime! Check whether the value is consistent with format: ").concat(format));
     }
 
     var _useState = React.useState(false),
@@ -57208,7 +57230,7 @@
       }
 
       if (!Array.isArray(presetValue)) {
-        console.error("preset: ".concat(preset, " \u9884\u8BBE\u503C\u5FC5\u987B\u662F\u6570\u7EC4!"));
+        log.error("DateRangePicker", "preset: ".concat(preset, " \u9884\u8BBE\u503C\u5FC5\u987B\u662F\u6570\u7EC4!"));
       } else {
         onChange(formatDate(presetValue, {
           format: format,
@@ -58173,7 +58195,7 @@
     });
 
     if (typeof children !== "function") {
-      console.error("FormList's children must be a function!");
+      log.error("Form", "FormList's children must be a function!");
       return null;
     }
 
@@ -60404,8 +60426,8 @@
         timeFormat = _getDefaultFormat.timeFormat;
 
     if (props.enableTimePicker) {
-      if (!extractTimeFormat(format)) console.error("format: ".concat(format, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
-      if (!extractTimeFormat(valueType) && valueType !== "time-stamp") console.error("valueType: ".concat(valueType, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
+      if (!extractTimeFormat(format)) log.error("DatePicker", "format: ".concat(format, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
+      if (!extractTimeFormat(valueType) && valueType !== "time-stamp") log.error("DatePicker", "valueType: ".concat(valueType, " \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss"));
     }
 
     var _useState = React.useState(formatTime(value, timeFormat)),
@@ -61410,7 +61432,7 @@
       var presetVal = typeof presetValue === "function" ? presetValue() : presetValue;
 
       if (!Array.isArray(presetVal)) {
-        console.error("preset: ".concat(presetValue, " \u9884\u8BBE\u503C\u5FC5\u987B\u662F\u6570\u7EC4!"));
+        log.error("DateRangePickerPanel", "preset: ".concat(presetValue, " \u9884\u8BBE\u503C\u5FC5\u987B\u662F\u6570\u7EC4!"));
       } else {
         onChange(formatDate(presetVal, {
           format: format,