rsuite 5.2.1 → 5.3.0

package/cjs/utils/useControlled.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+declare type InferDefined<T> = T extends infer U | undefined ? U : never;
 /**
  * A hook for controlled value management.
  * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
@@ -7,5 +8,9 @@
  * @param defaultValue
  * @param formatValue
  */
-declare function useControlled<T = any>(controlledValue: T, defaultValue: T): [T, (value: React.SetStateAction<T>) => void, boolean];
+declare function useControlled<V = any, D = V>(controlledValue: V, defaultValue: D): [
+    V extends undefined ? D : InferDefined<V>,
+    (value: React.SetStateAction<V | null>) => void,
+    boolean
+];
 export default useControlled;

package/cjs/utils/useControlled.js

@@ -5,14 +5,6 @@ exports.default = void 0;
 
 var _react = require("react");
 
-/**
- * A hook for controlled value management.
- * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
- * Generally used for a component including controlled and uncontrolled modes.
- * @param controlledValue
- * @param defaultValue
- * @param formatValue
- */
 function useControlled(controlledValue, defaultValue) {
   var controlledRef = (0, _react.useRef)(false);
   controlledRef.current = controlledValue !== undefined;

package/cjs/utils/useCustom.js

@@ -32,6 +32,8 @@ var getDefaultRTL = function getDefaultRTL() {
 
 
 function useCustom(keys, overrideLocale) {
+  var _locale$Calendar2, _locale$Calendar4;
+
   var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),
       _useContext$locale = _useContext.locale,
       locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,
@@ -54,14 +56,14 @@ function useCustom(keys, overrideLocale) {
     return (0, _dateUtils.format)(date, formatStr, {
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
     });
-  }, [locale.Calendar.dateLocale]);
+  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
   var defaultParseDate = (0, _react.useCallback)(function (dateString, formatString) {
-    var _locale$Calendar2;
+    var _locale$Calendar3;
 
     return (0, _dateUtils.parse)(dateString, formatString, new Date(), {
-      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale
+      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale
     });
-  }, [locale.Calendar.dateLocale]);
+  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
   return {
     locale: componentLocale,
     rtl: rtl,

package/cjs/utils/useElementResize.d.ts

@@ -5,4 +5,4 @@
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export default function useElementResize(eventTarget: EventTarget | (() => EventTarget), listener: EventListenerOrEventListenerObject): void;
+export default function useElementResize(eventTarget: Element | (() => Element), listener: ResizeObserverCallback): void;

package/cjs/utils/useElementResize.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = useElementResize;
 
 var _react = require("react");
 
-var _elementResizeEvent = _interopRequireWildcard(require("element-resize-event"));
+var _resizeObserver = require("@juggle/resize-observer");
 
 /**
  * Attach the event handler directly to the specified DOM element,
@@ -17,11 +15,18 @@ var _elementResizeEvent = _interopRequireWildcard(require("element-resize-event"
  * @param listener An event handler
  */
 function useElementResize(eventTarget, listener) {
+  var resizeObserver = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-    (0, _elementResizeEvent.default)(target, listener);
+    if (!resizeObserver.current) {
+      var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
+      resizeObserver.current = new _resizeObserver.ResizeObserver(listener);
+      resizeObserver.current.observe(target);
+    }
+
     return function () {
-      return (0, _elementResizeEvent.unbind)(target);
+      var _resizeObserver$curre;
+
+      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();
     };
   }, [eventTarget, listener]);
 }

package/cjs/utils/useFocus.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export default function useFocus<E extends HTMLElement>(elementRef: React.MutableRefObject<E>): {
+export default function useFocus<E extends HTMLElement>(elementRef: React.RefObject<E>): {
     grab: () => void;
-    release: (options?: FocusOptions) => void;
+    release: (options?: FocusOptions | undefined) => void;
 };

package/cjs/utils/usePortal.d.ts

@@ -4,7 +4,7 @@ interface PortalProps {
     container?: HTMLElement | (() => HTMLElement);
 }
 declare function usePortal(props?: PortalProps): {
-    target: Element | HTMLElement;
+    target: HTMLElement | null;
     Portal: React.FC<any>;
 };
 export default usePortal;

package/cjs/utils/useRootClose.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 declare type TargetType = React.RefObject<Element> | Element | null | undefined;
 interface Options {
     disabled: boolean;
@@ -16,5 +16,5 @@ interface Options {
  * @param param1
  * @todo Allow different behaviors based on whether clicked element is focusable
  */
-declare function useRootClose(onRootClose: (e: Event) => void, { disabled, triggerTarget, overlayTarget, listenEscape }: Options): void;
+declare function useRootClose(onRootClose: React.ReactEventHandler | undefined, { disabled, triggerTarget, overlayTarget, listenEscape }: Options): void;
 export default useRootClose;

package/cjs/utils/useTimeout.d.ts

@@ -8,5 +8,5 @@ export interface UseTimeoutFnReturn {
  * @param ms Milliseconds of the timer
  * @param open Whether to open the timer
  */
-declare function useTimeout(fn: () => void, ms?: number, open?: boolean): UseTimeoutFnReturn;
+declare function useTimeout(fn: (() => void) | undefined, ms?: number, open?: boolean): UseTimeoutFnReturn;
 export default useTimeout;

package/cjs/utils/useTimeout.js

@@ -25,9 +25,11 @@ function useTimeout(fn, ms, open) {
     timeout.current && clearTimeout(timeout.current);
   }, []);
   var set = (0, _react.useCallback)(function () {
-    timeout.current = open && setTimeout(function () {
-      return fn === null || fn === void 0 ? void 0 : fn();
-    }, ms);
+    if (open) {
+      timeout.current = setTimeout(function () {
+        return fn === null || fn === void 0 ? void 0 : fn();
+      }, ms);
+    }
   }, [ms, fn, open]);
   (0, _react.useEffect)(function () {
     set();

package/dist/rsuite-rtl.css

@@ -1644,6 +1644,7 @@ tbody.rs-anim-collapse.rs-anim-in {
           align-items: center;
   border-radius: 4px;
   overflow: hidden;
+  position: relative;
   width: 40px;
   height: 40px;
   font-size: 18px;
@@ -1660,9 +1661,6 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-avatar > .rs-icon {
   vertical-align: middle;
 }
-.rs-avatar-image {
-  position: relative;
-}
 .rs-avatar-image::before {
   content: attr(alt);
   position: absolute;
@@ -1723,6 +1721,27 @@ tbody.rs-anim-collapse.rs-anim-in {
   height: 20px;
   line-height: 20px;
 }
+.rs-avatar-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+}
+.rs-avatar-group-stack .rs-avatar {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  margin-left: -10px;
+  -webkit-transition: margin 0.15s;
+  transition: margin 0.15s;
+}
+.rs-avatar-group-stack .rs-avatar:last-child {
+  margin-left: 0;
+}
+.rs-avatar-group-stack .rs-avatar:hover {
+  margin-left: 0;
+}
 .rs-badge-wrapper {
   position: relative;
 }
@@ -2057,6 +2076,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-red-700);
   --rs-btn-link-hover-text: var(--rs-red-800);
   --rs-btn-link-active-text: var(--rs-red-900);
+  --rs-iconbtn-primary-addon: var(--rs-red-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-red-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-red-800);
 }
 .rs-theme-dark .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-700);
@@ -2075,6 +2097,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-red-500);
   --rs-btn-link-hover-text: var(--rs-red-400);
   --rs-btn-link-active-text: var(--rs-red-200);
+  --rs-iconbtn-primary-addon: var(--rs-red-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-red-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-red-400);
 }
 .rs-theme-high-contrast .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-700);
@@ -2111,6 +2136,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-orange-700);
   --rs-btn-link-hover-text: var(--rs-orange-800);
   --rs-btn-link-active-text: var(--rs-orange-900);
+  --rs-iconbtn-primary-addon: var(--rs-orange-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-orange-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-800);
 }
 .rs-theme-dark .rs-btn-orange {
   --rs-btn-primary-bg: var(--rs-orange-700);
@@ -2129,6 +2157,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-orange-500);
   --rs-btn-link-hover-text: var(--rs-orange-400);
   --rs-btn-link-active-text: var(--rs-orange-200);
+  --rs-iconbtn-primary-addon: var(--rs-orange-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-orange-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-400);
 }
 .rs-theme-high-contrast .rs-btn-orange {
   --rs-btn-primary-bg: var(--rs-orange-700);
@@ -2165,6 +2196,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-yellow-700);
   --rs-btn-link-hover-text: var(--rs-yellow-800);
   --rs-btn-link-active-text: var(--rs-yellow-900);
+  --rs-iconbtn-primary-addon: var(--rs-yellow-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-800);
 }
 .rs-theme-dark .rs-btn-yellow {
   --rs-btn-primary-bg: var(--rs-yellow-700);
@@ -2183,6 +2217,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-yellow-500);
   --rs-btn-link-hover-text: var(--rs-yellow-400);
   --rs-btn-link-active-text: var(--rs-yellow-200);
+  --rs-iconbtn-primary-addon: var(--rs-yellow-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-400);
 }
 .rs-theme-high-contrast .rs-btn-yellow {
   --rs-btn-primary-bg: var(--rs-yellow-700);
@@ -2219,6 +2256,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-green-700);
   --rs-btn-link-hover-text: var(--rs-green-800);
   --rs-btn-link-active-text: var(--rs-green-900);
+  --rs-iconbtn-primary-addon: var(--rs-green-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-green-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-green-800);
 }
 .rs-theme-dark .rs-btn-green {
   --rs-btn-primary-bg: var(--rs-green-700);
@@ -2237,6 +2277,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-green-500);
   --rs-btn-link-hover-text: var(--rs-green-400);
   --rs-btn-link-active-text: var(--rs-green-200);
+  --rs-iconbtn-primary-addon: var(--rs-green-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-green-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-green-400);
 }
 .rs-theme-high-contrast .rs-btn-green {
   --rs-btn-primary-bg: var(--rs-green-700);
@@ -2273,6 +2316,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-cyan-700);
   --rs-btn-link-hover-text: var(--rs-cyan-800);
   --rs-btn-link-active-text: var(--rs-cyan-900);
+  --rs-iconbtn-primary-addon: var(--rs-cyan-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-800);
 }
 .rs-theme-dark .rs-btn-cyan {
   --rs-btn-primary-bg: var(--rs-cyan-700);
@@ -2291,6 +2337,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-cyan-500);
   --rs-btn-link-hover-text: var(--rs-cyan-400);
   --rs-btn-link-active-text: var(--rs-cyan-200);
+  --rs-iconbtn-primary-addon: var(--rs-cyan-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-400);
 }
 .rs-theme-high-contrast .rs-btn-cyan {
   --rs-btn-primary-bg: var(--rs-cyan-700);
@@ -2327,6 +2376,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-blue-700);
   --rs-btn-link-hover-text: var(--rs-blue-800);
   --rs-btn-link-active-text: var(--rs-blue-900);
+  --rs-iconbtn-primary-addon: var(--rs-blue-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-blue-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-800);
 }
 .rs-theme-dark .rs-btn-blue {
   --rs-btn-primary-bg: var(--rs-blue-700);
@@ -2345,6 +2397,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-blue-500);
   --rs-btn-link-hover-text: var(--rs-blue-400);
   --rs-btn-link-active-text: var(--rs-blue-200);
+  --rs-iconbtn-primary-addon: var(--rs-blue-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-blue-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-400);
 }
 .rs-theme-high-contrast .rs-btn-blue {
   --rs-btn-primary-bg: var(--rs-blue-700);
@@ -2381,6 +2436,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-violet-700);
   --rs-btn-link-hover-text: var(--rs-violet-800);
   --rs-btn-link-active-text: var(--rs-violet-900);
+  --rs-iconbtn-primary-addon: var(--rs-violet-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-violet-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-800);
 }
 .rs-theme-dark .rs-btn-violet {
   --rs-btn-primary-bg: var(--rs-violet-700);
@@ -2399,6 +2457,9 @@ tbody.rs-anim-collapse.rs-anim-in {
   --rs-btn-link-text: var(--rs-violet-500);
   --rs-btn-link-hover-text: var(--rs-violet-400);
   --rs-btn-link-active-text: var(--rs-violet-200);
+  --rs-iconbtn-primary-addon: var(--rs-violet-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-violet-500);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-400);
 }
 .rs-theme-high-contrast .rs-btn-violet {
   --rs-btn-primary-bg: var(--rs-violet-700);
@@ -2708,162 +2769,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-btn-group-lg .rs-btn {
-  font-size: 16px;
-  line-height: 22px;
-  padding: 10px 16px;
-}
-.rs-btn-ghost.rs-btn-group-lg .rs-btn {
-  padding: 9px 15px;
-}
-.rs-btn-icon.rs-btn-group-lg .rs-btn {
-  padding: 11px 11px;
-  line-height: 20px;
-}
-.rs-btn-icon.rs-btn-group-lg .rs-btn > .rs-icon {
-  font-size: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn {
-  line-height: 22px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn > .rs-icon {
-  padding: 11px 11px;
-  width: 42px;
-  height: 42px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left {
-  padding: 10px 58px 10px 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right {
-  padding: 10px 16px 10px 58px;
-}
-.rs-btn-icon-with-text.rs-btn-group-lg .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-md .rs-btn {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 8px 12px;
-}
-.rs-btn-ghost.rs-btn-group-md .rs-btn {
-  padding: 7px 11px;
-}
-.rs-btn-icon.rs-btn-group-md .rs-btn {
-  padding: 10px 10px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-btn-group-md .rs-btn > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn > .rs-icon {
-  padding: 10px 10px;
-  width: 36px;
-  height: 36px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left {
-  padding: 8px 48px 8px 12px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right {
-  padding: 8px 12px 8px 48px;
-}
-.rs-btn-icon-with-text.rs-btn-group-md .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-sm .rs-btn {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 5px 10px;
-}
-.rs-btn-ghost.rs-btn-group-sm .rs-btn {
-  padding: 4px 9px;
-}
-.rs-btn-icon.rs-btn-group-sm .rs-btn {
-  padding: 7px 7px;
-  line-height: 16px;
-}
-.rs-btn-icon.rs-btn-group-sm .rs-btn > .rs-icon {
-  font-size: 16px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn > .rs-icon {
-  padding: 7px 7px;
-  width: 30px;
-  height: 30px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left {
-  padding: 5px 40px 5px 10px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right {
-  padding: 5px 10px 5px 40px;
-}
-.rs-btn-icon-with-text.rs-btn-group-sm .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
-.rs-btn-group-xs .rs-btn {
-  font-size: 12px;
-  line-height: 20px;
-  padding: 2px 8px;
-}
-.rs-btn-ghost.rs-btn-group-xs .rs-btn {
-  padding: 1px 7px;
-}
-.rs-btn-icon.rs-btn-group-xs .rs-btn {
-  padding: 6px 6px;
-  line-height: 12px;
-}
-.rs-btn-icon.rs-btn-group-xs .rs-btn > .rs-icon {
-  font-size: 12px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn {
-  line-height: 20px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn > .rs-icon {
-  padding: 6px 6px;
-  width: 24px;
-  height: 24px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left {
-  padding: 2px 32px 2px 8px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-left > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right {
-  padding: 2px 8px 2px 32px;
-}
-.rs-btn-icon-with-text.rs-btn-group-xs .rs-btn.rs-btn-icon-placement-right > .rs-icon {
-  left: 0;
-  border-right: none;
-  border-right: var(--rs-btn-default-border, none);
-}
 .rs-btn-toolbar {
   line-height: 0;
 }
@@ -4317,11 +4222,20 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   font-size: 14px;
 }
 .rs-check-tree-node-children > .rs-check-tree-children {
+  position: relative;
   display: none;
 }
 .rs-check-tree-open.rs-check-tree-node-children > .rs-check-tree-children {
   display: block;
 }
+.rs-check-tree-indent-line {
+  height: 100%;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  margin-right: -13px;
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -10021,13 +9935,13 @@ textarea.rs-picker-search-input {
   border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
-.rs-panel-group .rs-panel {
+.rs-panel-group > .rs-panel {
   border: none;
 }
-.rs-panel-group .rs-panel + .rs-panel {
+.rs-panel-group > .rs-panel + .rs-panel {
   position: relative;
 }
-.rs-panel-group .rs-panel + .rs-panel::before {
+.rs-panel-group > .rs-panel + .rs-panel::before {
   content: '';
   position: absolute;
   top: 0;
@@ -13838,9 +13752,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-left: 1px solid #f2f2f5;
   border-left: 1px solid var(--rs-border-secondary);
 }
-.rs-table-column-group-cell-content {
-  display: table-cell;
-}
 .rs-table-cell-expand-wrapper {
   margin-left: 10px;
   display: inline-block;
@@ -14979,11 +14890,20 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   font-size: 14px;
 }
 .rs-tree-node-children > .rs-tree-children {
+  position: relative;
   display: none;
 }
 .rs-tree-open.rs-tree-node-children > .rs-tree-children {
   display: block;
 }
+.rs-tree-indent-line {
+  height: 100%;
+  width: 1px;
+  position: absolute;
+  top: 0;
+  margin-right: -13px;
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+}
 .rs-picker-menu {
   display: -webkit-box;
   display: -ms-flexbox;