@univerjs/ui 0.4.0 → 0.4.1-nightly.202410191605

package/lib/es/index.js

@@ -1122,11 +1122,11 @@ const _ZIndexManager = class _ZIndexManager {
 };
 _MAX_INDEX = new WeakMap(), _MIN_INDEX = new WeakMap(), __name(_ZIndexManager, "ZIndexManager"), __privateAdd(_ZIndexManager, _MAX_INDEX, 2147483647), __privateAdd(_ZIndexManager, _MIN_INDEX, -2147483647);
 let ZIndexManager = _ZIndexManager;
-function getMenuHiddenObservable(accessor, targetUniverType, matchUnitId) {
+function getMenuHiddenObservable(accessor, targetUniverType, matchUnitId, needHideUnitId) {
   const univerInstanceService = accessor.get(IUniverInstanceService);
   return new Observable((subscriber) => {
     const subscription = univerInstanceService.focused$.subscribe((unitId) => {
-      if (unitId == null || matchUnitId && matchUnitId !== unitId)
+      if (unitId == null || matchUnitId && matchUnitId !== unitId || needHideUnitId && needHideUnitId === unitId)
         return subscriber.next(!0);
       const univerType2 = univerInstanceService.getUnitType(unitId);
       subscriber.next(univerType2 !== targetUniverType);
@@ -2602,7 +2602,7 @@ ShortcutPanelController = __decorateClass$c([
   __decorateParam$c(4, ICommandService)
 ], ShortcutPanelController);
 const IUIController = createIdentifier("univer.ui.ui-controller");
-var render$1 = {}, interopRequireWildcard = { exports: {} }, _typeof$2 = { exports: {} };
+var render$1 = {}, interopRequireWildcard = { exports: {} }, _typeof$1 = { exports: {} };
 (function(module) {
   function _typeof3(o) {
     "@babel/helpers - typeof";
@@ -2613,8 +2613,8 @@ var render$1 = {}, interopRequireWildcard = { exports: {} }, _typeof$2 = { expor
     }, module.exports.__esModule = !0, module.exports.default = module.exports, _typeof3(o);
   }
   __name(_typeof3, "_typeof"), module.exports = _typeof3, module.exports.__esModule = !0, module.exports.default = module.exports;
-})(_typeof$2);
-var _typeofExports = _typeof$2.exports;
+})(_typeof$1);
+var _typeofExports = _typeof$1.exports;
 (function(module) {
   var _typeof3 = _typeofExports.default;
   function _getRequireWildcardCache(e2) {
@@ -2984,7 +2984,7 @@ var regeneratorRuntimeExports = regeneratorRuntime.exports, asyncToGenerator = {
   }
   __name(_asyncToGenerator, "_asyncToGenerator"), module.exports = _asyncToGenerator, module.exports.__esModule = !0, module.exports.default = module.exports;
 })(asyncToGenerator);
-var asyncToGeneratorExports = asyncToGenerator.exports, objectSpread2 = { exports: {} }, defineProperty = { exports: {} }, toPropertyKey$2 = { exports: {} }, toPrimitive$2 = { exports: {} };
+var asyncToGeneratorExports = asyncToGenerator.exports, objectSpread2 = { exports: {} }, defineProperty = { exports: {} }, toPropertyKey$1 = { exports: {} }, toPrimitive$1 = { exports: {} };
 (function(module) {
   var _typeof3 = _typeofExports.default;
   function toPrimitive2(t2, r2) {
@@ -2998,8 +2998,8 @@ var asyncToGeneratorExports = asyncToGenerator.exports, objectSpread2 = { export
     return (r2 === "string" ? String : Number)(t2);
   }
   __name(toPrimitive2, "toPrimitive"), module.exports = toPrimitive2, module.exports.__esModule = !0, module.exports.default = module.exports;
-})(toPrimitive$2);
-var toPrimitiveExports = toPrimitive$2.exports;
+})(toPrimitive$1);
+var toPrimitiveExports = toPrimitive$1.exports;
 (function(module) {
   var _typeof3 = _typeofExports.default, toPrimitive2 = toPrimitiveExports;
   function toPropertyKey2(t2) {
@@ -3007,8 +3007,8 @@ var toPrimitiveExports = toPrimitive$2.exports;
     return _typeof3(i) == "symbol" ? i : i + "";
   }
   __name(toPropertyKey2, "toPropertyKey"), module.exports = toPropertyKey2, module.exports.__esModule = !0, module.exports.default = module.exports;
-})(toPropertyKey$2);
-var toPropertyKeyExports = toPropertyKey$2.exports;
+})(toPropertyKey$1);
+var toPropertyKeyExports = toPropertyKey$1.exports;
 (function(module) {
   var toPropertyKey2 = toPropertyKeyExports;
   function _defineProperty2(e2, r2, t2) {
@@ -3054,7 +3054,7 @@ Object.defineProperty(render$1, "__esModule", {
 });
 render$1._r = _r;
 render$1._u = _u;
-var render_2 = render$1.render = render, unmount_1 = render$1.unmount = unmount, _regeneratorRuntime2 = _interopRequireDefault(regeneratorRuntimeExports), _asyncToGenerator2 = _interopRequireDefault(asyncToGeneratorExports), _typeof2 = _interopRequireDefault(_typeofExports), _objectSpread2$2 = _interopRequireDefault(objectSpread2Exports), ReactDOM = _interopRequireWildcard(ReactDOM$1), fullClone = (0, _objectSpread2$2.default)({}, ReactDOM), version = fullClone.version, reactRender = fullClone.render, unmountComponentAtNode = fullClone.unmountComponentAtNode, createRoot;
+var render_2 = render$1.render = render, unmount_1 = render$1.unmount = unmount, _regeneratorRuntime2 = _interopRequireDefault(regeneratorRuntimeExports), _asyncToGenerator2 = _interopRequireDefault(asyncToGeneratorExports), _typeof2 = _interopRequireDefault(_typeofExports), _objectSpread2$1 = _interopRequireDefault(objectSpread2Exports), ReactDOM = _interopRequireWildcard(ReactDOM$1), fullClone = (0, _objectSpread2$1.default)({}, ReactDOM), version = fullClone.version, reactRender = fullClone.render, unmountComponentAtNode = fullClone.unmountComponentAtNode, createRoot;
 try {
   var mainVersion = Number((version || "").split(".")[0]);
   mainVersion >= 18 && (createRoot = fullClone.createRoot);
@@ -4131,13 +4131,13 @@ function DesktopWorkbench(props) {
     contextMenu = !0,
     mountContainer,
     onRendered
-  } = props, localeService = useDependency(LocaleService), themeService = useDependency(ThemeService), messageService = useDependency(IMessageService), instanceService = useDependency(IUniverInstanceService), contentRef = useRef(null), footerComponents = useComponentsOfPart(BuiltInUIPart.FOOTER), headerComponents = useComponentsOfPart(BuiltInUIPart.HEADER), headerMenuComponents = useComponentsOfPart(BuiltInUIPart.HEADER_MENU), contentComponents = useComponentsOfPart(BuiltInUIPart.CONTENT), leftSidebarComponents = useComponentsOfPart(BuiltInUIPart.LEFT_SIDEBAR), globalComponents = useComponentsOfPart(BuiltInUIPart.GLOBAL), [focusUnitType, setFocusUnitType] = useState(UniverInstanceType.UNIVER_UNKNOWN);
+  } = props, localeService = useDependency(LocaleService), themeService = useDependency(ThemeService), messageService = useDependency(IMessageService), instanceService = useDependency(IUniverInstanceService), contentRef = useRef(null), footerComponents = useComponentsOfPart(BuiltInUIPart.FOOTER), headerComponents = useComponentsOfPart(BuiltInUIPart.HEADER), headerMenuComponents = useComponentsOfPart(BuiltInUIPart.HEADER_MENU), contentComponents = useComponentsOfPart(BuiltInUIPart.CONTENT), leftSidebarComponents = useComponentsOfPart(BuiltInUIPart.LEFT_SIDEBAR), globalComponents = useComponentsOfPart(BuiltInUIPart.GLOBAL), [docSnapShot, setDocSnapShot] = useState(null);
   useEffect(() => {
     const sub = instanceService.focused$.subscribe((id) => {
       if (id == null)
         return;
-      const instanceType = instanceService.getUnitType(id);
-      setFocusUnitType(instanceType);
+      const instanceType = instanceService.getUnitType(id), instance = instanceService.getUnit(id);
+      instanceType === UniverInstanceType.UNIVER_DOC && instance && setDocSnapShot(instance.getSnapshot());
     });
     return () => {
       sub.unsubscribe();
@@ -4173,7 +4173,7 @@ function DesktopWorkbench(props) {
               className: clsx$1(
                 styles$3.workbenchContainerContent,
                 {
-                  [styles$3.workbenchContainerDocContent]: focusUnitType === UniverInstanceType.UNIVER_DOC
+                  [styles$3.workbenchContainerDocContent]: (docSnapShot == null ? void 0 : docSnapShot.documentStyle.documentFlavor) === DocumentFlavor.TRADITIONAL
                 }
               ),
               children: [
@@ -4294,17 +4294,7 @@ function createContainer$1(id) {
   return element2.id = id, element2;
 }
 __name(createContainer$1, "createContainer$1");
-const appLayout = "univer-app-layout", appHeader = "univer-app-header", appContainer = "univer-app-container", appContainerHeader = "univer-app-container-header", appContainerWrapper = "univer-app-container-wrapper", appContainerContent = "univer-app-container-content", appContainerCanvas = "univer-app-container-canvas", appContainerLeftSidebar = "univer-app-container-left-sidebar", appContainerSidebar = "univer-app-container-sidebar", styles$2 = {
-  appLayout,
-  appHeader,
-  appContainer,
-  appContainerHeader,
-  appContainerWrapper,
-  appContainerContent,
-  appContainerCanvas,
-  appContainerLeftSidebar,
-  appContainerSidebar
-}, mobileMenuContainer = "univer-mobile-menu-container", mobileMenuItem = "univer-mobile-menu-item", styles$1 = {
+const mobileMenuContainer = "univer-mobile-menu-container", mobileMenuItem = "univer-mobile-menu-item", styles$2 = {
   mobileMenuContainer,
   mobileMenuItem
 };
@@ -4322,7 +4312,7 @@ function MobileMenu(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: styles$1.mobileMenuContainer,
+      className: styles$2.mobileMenuContainer,
       style: {
         gridTemplateColumns: `repeat(${Math.min(2, flattedMenuItems.length)}, 48px)`
       },
@@ -4342,9 +4332,9 @@ function MobileMenuItem(props) {
   const { menuItem, onClick } = props, { id, type, title, label, icon } = menuItem;
   if (type !== MenuItemType.BUTTON)
     throw new Error(`[MobileMenuItem]: on mobile devices only "BUTTON" type menu items are supported. Please check "${id}".`);
-  const disabled = useObservable$1(menuItem.disabled$, !1), activated = useObservable$1(menuItem.activated$, !1), hidden = useObservable$1(menuItem.hidden$, !1), value = useObservable$1(menuItem.value$), className = clsx$1(styles$1.mobileMenuItem, {
-    [styles$1.mobileMenuItemActivated]: activated,
-    [styles$1.mobileMenuItemHidden]: hidden
+  const disabled = useObservable$1(menuItem.disabled$, !1), activated = useObservable$1(menuItem.activated$, !1), hidden = useObservable$1(menuItem.hidden$, !1), value = useObservable$1(menuItem.value$), className = clsx$1(styles$2.mobileMenuItem, {
+    [styles$2.mobileMenuItemActivated]: activated,
+    [styles$2.mobileMenuItemHidden]: hidden
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "button",
@@ -4395,6 +4385,17 @@ function MobileContextMenu() {
   ) }) });
 }
 __name(MobileContextMenu, "MobileContextMenu");
+const appLayout = "univer-app-layout", appHeader = "univer-app-header", appContainer = "univer-app-container", appContainerHeader = "univer-app-container-header", appContainerWrapper = "univer-app-container-wrapper", appContainerContent = "univer-app-container-content", appContainerCanvas = "univer-app-container-canvas", appContainerLeftSidebar = "univer-app-container-left-sidebar", appContainerSidebar = "univer-app-container-sidebar", styles$1 = {
+  appLayout,
+  appHeader,
+  appContainer,
+  appContainerHeader,
+  appContainerWrapper,
+  appContainerContent,
+  appContainerCanvas,
+  appContainerLeftSidebar,
+  appContainerSidebar
+};
 function MobileApp(props) {
   const {
     header = !0,
@@ -4425,17 +4426,17 @@ function MobileApp(props) {
       subscriptions.forEach((subscription) => subscription.unsubscribe()), document.body.removeChild(portalContainer);
     };
   }, [localeService, messageService, mountContainer, portalContainer, themeService.currentTheme$]), /* @__PURE__ */ jsxRuntimeExports.jsxs(ConfigProvider, { locale: locale == null ? void 0 : locale.design, mountContainer: portalContainer, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$2.appLayout, tabIndex: -1, onBlur: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onBlur"), children: [
-      header && /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$2.appContainerHeader }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$2.appContainer, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$2.appContainerWrapper, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$2.appContainerLeftSidebar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: leftSidebarComponents }, "left-sidebar") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$2.appContainerContent, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$2.appHeader, children: header && /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: headerComponents }, "header") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.appLayout, tabIndex: -1, onBlur: /* @__PURE__ */ __name((e2) => e2.stopPropagation(), "onBlur"), children: [
+      header && /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$1.appContainerHeader }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$1.appContainer, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.appContainerWrapper, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$1.appContainerLeftSidebar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: leftSidebarComponents }, "left-sidebar") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$1.appContainerContent, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$1.appHeader, children: header && /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: headerComponents }, "header") }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "section",
               {
-                className: styles$2.appContainerCanvas,
+                className: styles$1.appContainerCanvas,
                 ref: contentRef,
                 "data-range-selector": !0,
                 onContextMenu: /* @__PURE__ */ __name((e2) => e2.preventDefault(), "onContextMenu"),
@@ -4443,9 +4444,9 @@ function MobileApp(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$2.appContainerSidebar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Sidebar, {}) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$1.appContainerSidebar, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Sidebar, {}) })
         ] }),
-        footer && /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: styles$2.appFooter, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: footerComponents }, "footer") }),
+        footer && /* @__PURE__ */ jsxRuntimeExports.jsx("footer", { className: styles$1.appFooter, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ComponentContainer, { components: footerComponents }, "footer") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ZenZone, {})
       ] })
     ] }),
@@ -6453,42 +6454,42 @@ const _DesktopMessageService = class _DesktopMessageService {
 };
 __name(_DesktopMessageService, "DesktopMessageService");
 let DesktopMessageService = _DesktopMessageService;
-function _arrayLikeToArray$1(r2, a) {
+function _arrayLikeToArray(r2, a) {
   (a == null || a > r2.length) && (a = r2.length);
   for (var e2 = 0, n2 = Array(a); e2 < a; e2++) n2[e2] = r2[e2];
   return n2;
 }
-__name(_arrayLikeToArray$1, "_arrayLikeToArray$1");
+__name(_arrayLikeToArray, "_arrayLikeToArray");
 function _arrayWithoutHoles(r2) {
-  if (Array.isArray(r2)) return _arrayLikeToArray$1(r2);
+  if (Array.isArray(r2)) return _arrayLikeToArray(r2);
 }
 __name(_arrayWithoutHoles, "_arrayWithoutHoles");
 function _iterableToArray(r2) {
   if (typeof Symbol < "u" && r2[Symbol.iterator] != null || r2["@@iterator"] != null) return Array.from(r2);
 }
 __name(_iterableToArray, "_iterableToArray");
-function _unsupportedIterableToArray$1(r2, a) {
+function _unsupportedIterableToArray(r2, a) {
   if (r2) {
-    if (typeof r2 == "string") return _arrayLikeToArray$1(r2, a);
+    if (typeof r2 == "string") return _arrayLikeToArray(r2, a);
     var t2 = {}.toString.call(r2).slice(8, -1);
-    return t2 === "Object" && r2.constructor && (t2 = r2.constructor.name), t2 === "Map" || t2 === "Set" ? Array.from(r2) : t2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray$1(r2, a) : void 0;
+    return t2 === "Object" && r2.constructor && (t2 = r2.constructor.name), t2 === "Map" || t2 === "Set" ? Array.from(r2) : t2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray(r2, a) : void 0;
   }
 }
-__name(_unsupportedIterableToArray$1, "_unsupportedIterableToArray$1");
+__name(_unsupportedIterableToArray, "_unsupportedIterableToArray");
 function _nonIterableSpread() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
 __name(_nonIterableSpread, "_nonIterableSpread");
 function _toConsumableArray(r2) {
-  return _arrayWithoutHoles(r2) || _iterableToArray(r2) || _unsupportedIterableToArray$1(r2) || _nonIterableSpread();
+  return _arrayWithoutHoles(r2) || _iterableToArray(r2) || _unsupportedIterableToArray(r2) || _nonIterableSpread();
 }
 __name(_toConsumableArray, "_toConsumableArray");
-function _arrayWithHoles$1(r2) {
+function _arrayWithHoles(r2) {
   if (Array.isArray(r2)) return r2;
 }
-__name(_arrayWithHoles$1, "_arrayWithHoles$1");
-function _iterableToArrayLimit$1(r2, l2) {
+__name(_arrayWithHoles, "_arrayWithHoles");
+function _iterableToArrayLimit(r2, l2) {
   var t2 = r2 == null ? null : typeof Symbol < "u" && r2[Symbol.iterator] || r2["@@iterator"];
   if (t2 != null) {
     var e2, n2, i, u2, a = [], f2 = !0, o = !1;
@@ -6509,16 +6510,16 @@ function _iterableToArrayLimit$1(r2, l2) {
     return a;
   }
 }
-__name(_iterableToArrayLimit$1, "_iterableToArrayLimit$1");
-function _nonIterableRest$1() {
+__name(_iterableToArrayLimit, "_iterableToArrayLimit");
+function _nonIterableRest() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-__name(_nonIterableRest$1, "_nonIterableRest$1");
-function _slicedToArray$1(r2, e2) {
-  return _arrayWithHoles$1(r2) || _iterableToArrayLimit$1(r2, e2) || _unsupportedIterableToArray$1(r2, e2) || _nonIterableRest$1();
+__name(_nonIterableRest, "_nonIterableRest");
+function _slicedToArray(r2, e2) {
+  return _arrayWithHoles(r2) || _iterableToArrayLimit(r2, e2) || _unsupportedIterableToArray(r2, e2) || _nonIterableRest();
 }
-__name(_slicedToArray$1, "_slicedToArray$1");
+__name(_slicedToArray, "_slicedToArray");
 function _objectWithoutPropertiesLoose(r2, e2) {
   if (r2 == null) return {};
   var t2 = {};
@@ -6539,41 +6540,41 @@ function _objectWithoutProperties(e2, t2) {
   return i;
 }
 __name(_objectWithoutProperties, "_objectWithoutProperties");
-function _typeof$1(o) {
+function _typeof(o) {
   "@babel/helpers - typeof";
-  return _typeof$1 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o2) {
+  return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o2) {
     return typeof o2;
   } : function(o2) {
     return o2 && typeof Symbol == "function" && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof$1(o);
+  }, _typeof(o);
 }
-__name(_typeof$1, "_typeof$1");
-function toPrimitive$1(t2, r2) {
-  if (_typeof$1(t2) != "object" || !t2) return t2;
+__name(_typeof, "_typeof");
+function toPrimitive(t2, r2) {
+  if (_typeof(t2) != "object" || !t2) return t2;
   var e2 = t2[Symbol.toPrimitive];
   if (e2 !== void 0) {
     var i = e2.call(t2, r2 || "default");
-    if (_typeof$1(i) != "object") return i;
+    if (_typeof(i) != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (r2 === "string" ? String : Number)(t2);
 }
-__name(toPrimitive$1, "toPrimitive$1");
-function toPropertyKey$1(t2) {
-  var i = toPrimitive$1(t2, "string");
-  return _typeof$1(i) == "symbol" ? i : i + "";
+__name(toPrimitive, "toPrimitive");
+function toPropertyKey(t2) {
+  var i = toPrimitive(t2, "string");
+  return _typeof(i) == "symbol" ? i : i + "";
 }
-__name(toPropertyKey$1, "toPropertyKey$1");
-function _defineProperty$1(e2, r2, t2) {
-  return (r2 = toPropertyKey$1(r2)) in e2 ? Object.defineProperty(e2, r2, {
+__name(toPropertyKey, "toPropertyKey");
+function _defineProperty(e2, r2, t2) {
+  return (r2 = toPropertyKey(r2)) in e2 ? Object.defineProperty(e2, r2, {
     value: t2,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e2[r2] = t2, e2;
 }
-__name(_defineProperty$1, "_defineProperty$1");
-function ownKeys$1(e2, r2) {
+__name(_defineProperty, "_defineProperty");
+function ownKeys(e2, r2) {
   var t2 = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e2);
@@ -6583,19 +6584,19 @@ function ownKeys$1(e2, r2) {
   }
   return t2;
 }
-__name(ownKeys$1, "ownKeys$1");
-function _objectSpread2$1(e2) {
+__name(ownKeys, "ownKeys");
+function _objectSpread2(e2) {
   for (var r2 = 1; r2 < arguments.length; r2++) {
     var t2 = arguments[r2] != null ? arguments[r2] : {};
-    r2 % 2 ? ownKeys$1(Object(t2), !0).forEach(function(r3) {
-      _defineProperty$1(e2, r3, t2[r3]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys$1(Object(t2)).forEach(function(r3) {
+    r2 % 2 ? ownKeys(Object(t2), !0).forEach(function(r3) {
+      _defineProperty(e2, r3, t2[r3]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys(Object(t2)).forEach(function(r3) {
       Object.defineProperty(e2, r3, Object.getOwnPropertyDescriptor(t2, r3));
     });
   }
   return e2;
 }
-__name(_objectSpread2$1, "_objectSpread2$1");
+__name(_objectSpread2, "_objectSpread2");
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n2) {
     for (var e2 = 1; e2 < arguments.length; e2++) {
@@ -6646,15 +6647,6 @@ var classnames = { exports: {} };
 })(classnames);
 var classnamesExports = classnames.exports;
 const clsx = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-function _typeof(o) {
-  "@babel/helpers - typeof";
-  return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o2) {
-    return typeof o2;
-  } : function(o2) {
-    return o2 && typeof Symbol == "function" && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
-  }, _typeof(o);
-}
-__name(_typeof, "_typeof");
 function isDOM(node) {
   return node instanceof HTMLElement || node instanceof SVGElement;
 }
@@ -6795,7 +6787,7 @@ __name(_classCallCheck, "_classCallCheck");
 function _defineProperties(e2, r2) {
   for (var t2 = 0; t2 < r2.length; t2++) {
     var o = r2[t2];
-    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e2, toPropertyKey$1(o.key), o);
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e2, toPropertyKey(o.key), o);
   }
 }
 __name(_defineProperties, "_defineProperties");
@@ -6847,7 +6839,7 @@ function _assertThisInitialized(e2) {
 }
 __name(_assertThisInitialized, "_assertThisInitialized");
 function _possibleConstructorReturn(t2, e2) {
-  if (e2 && (_typeof$1(e2) == "object" || typeof e2 == "function")) return e2;
+  if (e2 && (_typeof(e2) == "object" || typeof e2 == "function")) return e2;
   if (e2 !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
   return _assertThisInitialized(t2);
 }
@@ -6888,52 +6880,6 @@ function useEvent(callback) {
   return memoFn;
 }
 __name(useEvent, "useEvent");
-function _arrayWithHoles(r2) {
-  if (Array.isArray(r2)) return r2;
-}
-__name(_arrayWithHoles, "_arrayWithHoles");
-function _iterableToArrayLimit(r2, l2) {
-  var t2 = r2 == null ? null : typeof Symbol < "u" && r2[Symbol.iterator] || r2["@@iterator"];
-  if (t2 != null) {
-    var e2, n2, i, u2, a = [], f2 = !0, o = !1;
-    try {
-      if (i = (t2 = t2.call(r2)).next, l2 !== 0) for (; !(f2 = (e2 = i.call(t2)).done) && (a.push(e2.value), a.length !== l2); f2 = !0) ;
-    } catch (r3) {
-      o = !0, n2 = r3;
-    } finally {
-      try {
-        if (!f2 && t2.return != null && (u2 = t2.return(), Object(u2) !== u2)) return;
-      } finally {
-        if (o) throw n2;
-      }
-    }
-    return a;
-  }
-}
-__name(_iterableToArrayLimit, "_iterableToArrayLimit");
-function _arrayLikeToArray(r2, a) {
-  (a == null || a > r2.length) && (a = r2.length);
-  for (var e2 = 0, n2 = Array(a); e2 < a; e2++) n2[e2] = r2[e2];
-  return n2;
-}
-__name(_arrayLikeToArray, "_arrayLikeToArray");
-function _unsupportedIterableToArray(r2, a) {
-  if (r2) {
-    if (typeof r2 == "string") return _arrayLikeToArray(r2, a);
-    var t2 = {}.toString.call(r2).slice(8, -1);
-    return t2 === "Object" && r2.constructor && (t2 = r2.constructor.name), t2 === "Map" || t2 === "Set" ? Array.from(r2) : t2 === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t2) ? _arrayLikeToArray(r2, a) : void 0;
-  }
-}
-__name(_unsupportedIterableToArray, "_unsupportedIterableToArray");
-function _nonIterableRest() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-__name(_nonIterableRest, "_nonIterableRest");
-function _slicedToArray(r2, e2) {
-  return _arrayWithHoles(r2) || _iterableToArrayLimit(r2, e2) || _unsupportedIterableToArray(r2, e2) || _nonIterableRest();
-}
-__name(_slicedToArray, "_slicedToArray");
 function canUseDom() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
@@ -6951,54 +6897,6 @@ function useSafeState(defaultValue) {
   return __name(safeSetState, "safeSetState"), [value, safeSetState];
 }
 __name(useSafeState, "useSafeState");
-function toPrimitive(t2, r2) {
-  if (_typeof(t2) != "object" || !t2) return t2;
-  var e2 = t2[Symbol.toPrimitive];
-  if (e2 !== void 0) {
-    var i = e2.call(t2, r2 || "default");
-    if (_typeof(i) != "object") return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (r2 === "string" ? String : Number)(t2);
-}
-__name(toPrimitive, "toPrimitive");
-function toPropertyKey(t2) {
-  var i = toPrimitive(t2, "string");
-  return _typeof(i) == "symbol" ? i : i + "";
-}
-__name(toPropertyKey, "toPropertyKey");
-function _defineProperty(e2, r2, t2) {
-  return (r2 = toPropertyKey(r2)) in e2 ? Object.defineProperty(e2, r2, {
-    value: t2,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e2[r2] = t2, e2;
-}
-__name(_defineProperty, "_defineProperty");
-function ownKeys(e2, r2) {
-  var t2 = Object.keys(e2);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e2);
-    r2 && (o = o.filter(function(r3) {
-      return Object.getOwnPropertyDescriptor(e2, r3).enumerable;
-    })), t2.push.apply(t2, o);
-  }
-  return t2;
-}
-__name(ownKeys, "ownKeys");
-function _objectSpread2(e2) {
-  for (var r2 = 1; r2 < arguments.length; r2++) {
-    var t2 = arguments[r2] != null ? arguments[r2] : {};
-    r2 % 2 ? ownKeys(Object(t2), !0).forEach(function(r3) {
-      _defineProperty(e2, r3, t2[r3]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys(Object(t2)).forEach(function(r3) {
-      Object.defineProperty(e2, r3, Object.getOwnPropertyDescriptor(t2, r3));
-    });
-  }
-  return e2;
-}
-__name(_objectSpread2, "_objectSpread2");
 function useSyncState(defaultValue) {
   var _React$useReducer = React.useReducer(function(x) {
     return x + 1;
@@ -7046,7 +6944,7 @@ __name(getVendorPrefixedEventName, "getVendorPrefixedEventName");
 var internalAnimationEndName = getVendorPrefixedEventName("animationend"), internalTransitionEndName = getVendorPrefixedEventName("transitionend"), supportTransition = !!(internalAnimationEndName && internalTransitionEndName), animationEndName = internalAnimationEndName || "animationend", transitionEndName = internalTransitionEndName || "transitionend";
 function getTransitionName(transitionName, transitionType) {
   if (!transitionName) return null;
-  if (_typeof$1(transitionName) === "object") {
+  if (_typeof(transitionName) === "object") {
     var type = transitionType.replace(/-\w/g, function(match2) {
       return match2[1].toUpperCase();
     });
@@ -7135,7 +7033,7 @@ function isActive(step) {
 }
 __name(isActive, "isActive");
 const useStepQueue = /* @__PURE__ */ __name(function(status, prepareOnly, callback) {
-  var _useState = useSafeState(STEP_NONE), _useState2 = _slicedToArray$1(_useState, 2), step = _useState2[0], setStep = _useState2[1], _useNextFrame = useNextFrame(), _useNextFrame2 = _slicedToArray$1(_useNextFrame, 2), nextFrame = _useNextFrame2[0], cancelNextFrame = _useNextFrame2[1];
+  var _useState = useSafeState(STEP_NONE), _useState2 = _slicedToArray(_useState, 2), step = _useState2[0], setStep = _useState2[1], _useNextFrame = useNextFrame(), _useNextFrame2 = _slicedToArray(_useNextFrame, 2), nextFrame = _useNextFrame2[0], cancelNextFrame = _useNextFrame2[1];
   function startQueue() {
     setStep(STEP_PREPARE, !0);
   }
@@ -7158,7 +7056,7 @@ const useStepQueue = /* @__PURE__ */ __name(function(status, prepareOnly, callba
   }, []), [startQueue, step];
 }, "useStepQueue");
 function useStatus(supportMotion, visible, getElement, _ref) {
-  var _ref$motionEnter = _ref.motionEnter, motionEnter = _ref$motionEnter === void 0 ? !0 : _ref$motionEnter, _ref$motionAppear = _ref.motionAppear, motionAppear = _ref$motionAppear === void 0 ? !0 : _ref$motionAppear, _ref$motionLeave = _ref.motionLeave, motionLeave = _ref$motionLeave === void 0 ? !0 : _ref$motionLeave, motionDeadline = _ref.motionDeadline, motionLeaveImmediately = _ref.motionLeaveImmediately, onAppearPrepare = _ref.onAppearPrepare, onEnterPrepare = _ref.onEnterPrepare, onLeavePrepare = _ref.onLeavePrepare, onAppearStart = _ref.onAppearStart, onEnterStart = _ref.onEnterStart, onLeaveStart = _ref.onLeaveStart, onAppearActive = _ref.onAppearActive, onEnterActive = _ref.onEnterActive, onLeaveActive = _ref.onLeaveActive, onAppearEnd = _ref.onAppearEnd, onEnterEnd = _ref.onEnterEnd, onLeaveEnd = _ref.onLeaveEnd, onVisibleChanged = _ref.onVisibleChanged, _useState = useSafeState(), _useState2 = _slicedToArray$1(_useState, 2), asyncVisible = _useState2[0], setAsyncVisible = _useState2[1], _useSyncState = useSyncState(STATUS_NONE), _useSyncState2 = _slicedToArray$1(_useSyncState, 2), getStatus = _useSyncState2[0], setStatus = _useSyncState2[1], _useState3 = useSafeState(null), _useState4 = _slicedToArray$1(_useState3, 2), style2 = _useState4[0], setStyle = _useState4[1], currentStatus = getStatus(), mountedRef = useRef(!1), deadlineRef = useRef(null);
+  var _ref$motionEnter = _ref.motionEnter, motionEnter = _ref$motionEnter === void 0 ? !0 : _ref$motionEnter, _ref$motionAppear = _ref.motionAppear, motionAppear = _ref$motionAppear === void 0 ? !0 : _ref$motionAppear, _ref$motionLeave = _ref.motionLeave, motionLeave = _ref$motionLeave === void 0 ? !0 : _ref$motionLeave, motionDeadline = _ref.motionDeadline, motionLeaveImmediately = _ref.motionLeaveImmediately, onAppearPrepare = _ref.onAppearPrepare, onEnterPrepare = _ref.onEnterPrepare, onLeavePrepare = _ref.onLeavePrepare, onAppearStart = _ref.onAppearStart, onEnterStart = _ref.onEnterStart, onLeaveStart = _ref.onLeaveStart, onAppearActive = _ref.onAppearActive, onEnterActive = _ref.onEnterActive, onLeaveActive = _ref.onLeaveActive, onAppearEnd = _ref.onAppearEnd, onEnterEnd = _ref.onEnterEnd, onLeaveEnd = _ref.onLeaveEnd, onVisibleChanged = _ref.onVisibleChanged, _useState = useSafeState(), _useState2 = _slicedToArray(_useState, 2), asyncVisible = _useState2[0], setAsyncVisible = _useState2[1], _useSyncState = useSyncState(STATUS_NONE), _useSyncState2 = _slicedToArray(_useSyncState, 2), getStatus = _useSyncState2[0], setStatus = _useSyncState2[1], _useState3 = useSafeState(null), _useState4 = _slicedToArray(_useState3, 2), style2 = _useState4[0], setStyle = _useState4[1], currentStatus = getStatus(), mountedRef = useRef(!1), deadlineRef = useRef(null);
   function getDomElement() {
     return getElement();
   }
@@ -7177,14 +7075,14 @@ function useStatus(supportMotion, visible, getElement, _ref) {
         status === STATUS_APPEAR && currentActive ? canEnd = onAppearEnd == null ? void 0 : onAppearEnd(element2, event) : status === STATUS_ENTER && currentActive ? canEnd = onEnterEnd == null ? void 0 : onEnterEnd(element2, event) : status === STATUS_LEAVE && currentActive && (canEnd = onLeaveEnd == null ? void 0 : onLeaveEnd(element2, event)), currentActive && canEnd !== !1 && updateMotionEndStatus();
       }
     }
-  }), _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd), _useDomMotionEvents2 = _slicedToArray$1(_useDomMotionEvents, 1), patchMotionEvents = _useDomMotionEvents2[0], getEventHandlers = /* @__PURE__ */ __name(function(targetStatus) {
+  }), _useDomMotionEvents = useDomMotionEvents(onInternalMotionEnd), _useDomMotionEvents2 = _slicedToArray(_useDomMotionEvents, 1), patchMotionEvents = _useDomMotionEvents2[0], getEventHandlers = /* @__PURE__ */ __name(function(targetStatus) {
     switch (targetStatus) {
       case STATUS_APPEAR:
-        return _defineProperty$1(_defineProperty$1(_defineProperty$1({}, STEP_PREPARE, onAppearPrepare), STEP_START, onAppearStart), STEP_ACTIVE, onAppearActive);
+        return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onAppearPrepare), STEP_START, onAppearStart), STEP_ACTIVE, onAppearActive);
       case STATUS_ENTER:
-        return _defineProperty$1(_defineProperty$1(_defineProperty$1({}, STEP_PREPARE, onEnterPrepare), STEP_START, onEnterStart), STEP_ACTIVE, onEnterActive);
+        return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onEnterPrepare), STEP_START, onEnterStart), STEP_ACTIVE, onEnterActive);
       case STATUS_LEAVE:
-        return _defineProperty$1(_defineProperty$1(_defineProperty$1({}, STEP_PREPARE, onLeavePrepare), STEP_START, onLeaveStart), STEP_ACTIVE, onLeaveActive);
+        return _defineProperty(_defineProperty(_defineProperty({}, STEP_PREPARE, onLeavePrepare), STEP_START, onLeaveStart), STEP_ACTIVE, onLeaveActive);
       default:
         return {};
     }
@@ -7204,7 +7102,7 @@ function useStatus(supportMotion, visible, getElement, _ref) {
         deadline: !0
       });
     }, motionDeadline))), step === STEP_PREPARED && updateMotionEndStatus(), DoStep;
-  }), _useStepQueue2 = _slicedToArray$1(_useStepQueue, 2), startStep = _useStepQueue2[0], step = _useStepQueue2[1], active = isActive(step);
+  }), _useStepQueue2 = _slicedToArray(_useStepQueue, 2), startStep = _useStepQueue2[0], step = _useStepQueue2[1], active = isActive(step);
   activeRef.current = active, useIsomorphicLayoutEffect(function() {
     setAsyncVisible(visible);
     var isMounted = mountedRef.current;
@@ -7228,14 +7126,14 @@ function useStatus(supportMotion, visible, getElement, _ref) {
     asyncVisible && (firstMountChangeRef.current = !0), asyncVisible !== void 0 && currentStatus === STATUS_NONE && ((firstMountChangeRef.current || asyncVisible) && (onVisibleChanged == null || onVisibleChanged(asyncVisible)), firstMountChangeRef.current = !0);
   }, [asyncVisible, currentStatus]);
   var mergedStyle = style2;
-  return eventHandlers[STEP_PREPARE] && step === STEP_START && (mergedStyle = _objectSpread2$1({
+  return eventHandlers[STEP_PREPARE] && step === STEP_START && (mergedStyle = _objectSpread2({
     transition: "none"
   }, mergedStyle)), [currentStatus, step, mergedStyle, asyncVisible != null ? asyncVisible : visible];
 }
 __name(useStatus, "useStatus");
 function genCSSMotion(config) {
   var transitionSupport = config;
-  _typeof$1(config) === "object" && (transitionSupport = config.transitionSupport);
+  _typeof(config) === "object" && (transitionSupport = config.transitionSupport);
   function isSupportTransition(props, contextMotion) {
     return !!(props.motionName && transitionSupport && contextMotion !== !1);
   }
@@ -7250,19 +7148,19 @@ function genCSSMotion(config) {
       }
     }
     __name(getDomElement, "getDomElement");
-    var _useStatus = useStatus(supportMotion, visible, getDomElement, props), _useStatus2 = _slicedToArray$1(_useStatus, 4), status = _useStatus2[0], statusStep = _useStatus2[1], statusStyle = _useStatus2[2], mergedVisible = _useStatus2[3], renderedRef = React.useRef(mergedVisible);
+    var _useStatus = useStatus(supportMotion, visible, getDomElement, props), _useStatus2 = _slicedToArray(_useStatus, 4), status = _useStatus2[0], statusStep = _useStatus2[1], statusStyle = _useStatus2[2], mergedVisible = _useStatus2[3], renderedRef = React.useRef(mergedVisible);
     mergedVisible && (renderedRef.current = !0);
     var setNodeRef = React.useCallback(function(node) {
       nodeRef.current = node, fillRef(ref, node);
-    }, [ref]), motionChildren, mergedProps = _objectSpread2$1(_objectSpread2$1({}, eventProps), {}, {
+    }, [ref]), motionChildren, mergedProps = _objectSpread2(_objectSpread2({}, eventProps), {}, {
       visible
     });
     if (!children)
       motionChildren = null;
     else if (status === STATUS_NONE)
-      mergedVisible ? motionChildren = children(_objectSpread2$1({}, mergedProps), setNodeRef) : !removeOnLeave && renderedRef.current && leavedClassName ? motionChildren = children(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
+      mergedVisible ? motionChildren = children(_objectSpread2({}, mergedProps), setNodeRef) : !removeOnLeave && renderedRef.current && leavedClassName ? motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
         className: leavedClassName
-      }), setNodeRef) : forceRender || !removeOnLeave && !leavedClassName ? motionChildren = children(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
+      }), setNodeRef) : forceRender || !removeOnLeave && !leavedClassName ? motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
         style: {
           display: "none"
         }
@@ -7271,8 +7169,8 @@ function genCSSMotion(config) {
       var statusSuffix;
       statusStep === STEP_PREPARE ? statusSuffix = "prepare" : isActive(statusStep) ? statusSuffix = "active" : statusStep === STEP_START && (statusSuffix = "start");
       var motionCls = getTransitionName(motionName, "".concat(status, "-").concat(statusSuffix));
-      motionChildren = children(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
-        className: clsx(getTransitionName(motionName, status), _defineProperty$1(_defineProperty$1({}, motionCls, motionCls && statusSuffix), motionName, typeof motionName == "string")),
+      motionChildren = children(_objectSpread2(_objectSpread2({}, mergedProps), {}, {
+        className: clsx(getTransitionName(motionName, status), _defineProperty(_defineProperty({}, motionCls, motionCls && statusSuffix), motionName, typeof motionName == "string")),
         style: statusStyle
       }), setNodeRef);
     }
@@ -7293,9 +7191,9 @@ const CSSMotion = genCSSMotion(supportTransition);
 var STATUS_ADD = "add", STATUS_KEEP = "keep", STATUS_REMOVE = "remove", STATUS_REMOVED = "removed";
 function wrapKeyToObject(key) {
   var keyObj;
-  return key && _typeof$1(key) === "object" && "key" in key ? keyObj = key : keyObj = {
+  return key && _typeof(key) === "object" && "key" in key ? keyObj = key : keyObj = {
     key
-  }, _objectSpread2$1(_objectSpread2$1({}, keyObj), {}, {
+  }, _objectSpread2(_objectSpread2({}, keyObj), {}, {
     key: String(keyObj.key)
   });
 }
@@ -7312,20 +7210,20 @@ function diffKeys() {
       var currentKeyObj = currentKeyObjects[i];
       if (currentKeyObj.key === keyObj.key) {
         currentIndex < i && (list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function(obj) {
-          return _objectSpread2$1(_objectSpread2$1({}, obj), {}, {
+          return _objectSpread2(_objectSpread2({}, obj), {}, {
             status: STATUS_ADD
           });
-        })), currentIndex = i), list.push(_objectSpread2$1(_objectSpread2$1({}, currentKeyObj), {}, {
+        })), currentIndex = i), list.push(_objectSpread2(_objectSpread2({}, currentKeyObj), {}, {
           status: STATUS_KEEP
         })), currentIndex += 1, hit = !0;
         break;
       }
     }
-    hit || list.push(_objectSpread2$1(_objectSpread2$1({}, keyObj), {}, {
+    hit || list.push(_objectSpread2(_objectSpread2({}, keyObj), {}, {
       status: STATUS_REMOVE
     }));
   }), currentIndex < currentLen && (list = list.concat(currentKeyObjects.slice(currentIndex).map(function(obj) {
-    return _objectSpread2$1(_objectSpread2$1({}, obj), {}, {
+    return _objectSpread2(_objectSpread2({}, obj), {}, {
       status: STATUS_ADD
     });
   })));
@@ -7357,11 +7255,11 @@ function genCSSMotionList(transitionSupport) {
       _classCallCheck(this, CSSMotionList3);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)
         args[_key] = arguments[_key];
-      return _this = _super.call.apply(_super, [this].concat(args)), _defineProperty$1(_assertThisInitialized(_this), "state", {
+      return _this = _super.call.apply(_super, [this].concat(args)), _defineProperty(_assertThisInitialized(_this), "state", {
         keyEntities: []
-      }), _defineProperty$1(_assertThisInitialized(_this), "removeKey", function(removeKey) {
+      }), _defineProperty(_assertThisInitialized(_this), "removeKey", function(removeKey) {
         var keyEntities = _this.state.keyEntities, nextKeyEntities = keyEntities.map(function(entity) {
-          return entity.key !== removeKey ? entity : _objectSpread2$1(_objectSpread2$1({}, entity), {}, {
+          return entity.key !== removeKey ? entity : _objectSpread2(_objectSpread2({}, entity), {}, {
             status: STATUS_REMOVED
           });
         });
@@ -7394,7 +7292,7 @@ function genCSSMotionList(transitionSupport) {
               }
             }, "onVisibleChanged")
           }), function(props, ref) {
-            return children(_objectSpread2$1(_objectSpread2$1({}, props), {}, {
+            return children(_objectSpread2(_objectSpread2({}, props), {}, {
               index
             }), ref);
           });
@@ -7416,7 +7314,7 @@ function genCSSMotionList(transitionSupport) {
       }, "getDerivedStateFromProps")
     }]), CSSMotionList3;
   }(React.Component);
-  return _defineProperty$1(CSSMotionList2, "defaultProps", {
+  return _defineProperty(CSSMotionList2, "defaultProps", {
     component: "div"
   }), CSSMotionList2;
 }
@@ -7976,7 +7874,7 @@ function pickAttrs(props) {
 }
 __name(pickAttrs, "pickAttrs");
 var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var prefixCls = props.prefixCls, style2 = props.style, className = props.className, _props$duration = props.duration, duration = _props$duration === void 0 ? 4.5 : _props$duration, showProgress = props.showProgress, _props$pauseOnHover = props.pauseOnHover, pauseOnHover = _props$pauseOnHover === void 0 ? !0 : _props$pauseOnHover, eventKey = props.eventKey, content = props.content, closable = props.closable, _props$closeIcon = props.closeIcon, closeIcon = _props$closeIcon === void 0 ? "x" : _props$closeIcon, divProps = props.props, onClick = props.onClick, onNoticeClose = props.onNoticeClose, times = props.times, forcedHovering = props.hovering, _React$useState = React.useState(!1), _React$useState2 = _slicedToArray$1(_React$useState, 2), hovering = _React$useState2[0], setHovering = _React$useState2[1], _React$useState3 = React.useState(0), _React$useState4 = _slicedToArray$1(_React$useState3, 2), percent = _React$useState4[0], setPercent = _React$useState4[1], _React$useState5 = React.useState(0), _React$useState6 = _slicedToArray$1(_React$useState5, 2), spentTime = _React$useState6[0], setSpentTime = _React$useState6[1], mergedHovering = forcedHovering || hovering, mergedShowProgress = duration > 0 && showProgress, onInternalClose = /* @__PURE__ */ __name(function() {
+  var prefixCls = props.prefixCls, style2 = props.style, className = props.className, _props$duration = props.duration, duration = _props$duration === void 0 ? 4.5 : _props$duration, showProgress = props.showProgress, _props$pauseOnHover = props.pauseOnHover, pauseOnHover = _props$pauseOnHover === void 0 ? !0 : _props$pauseOnHover, eventKey = props.eventKey, content = props.content, closable = props.closable, _props$closeIcon = props.closeIcon, closeIcon = _props$closeIcon === void 0 ? "x" : _props$closeIcon, divProps = props.props, onClick = props.onClick, onNoticeClose = props.onNoticeClose, times = props.times, forcedHovering = props.hovering, _React$useState = React.useState(!1), _React$useState2 = _slicedToArray(_React$useState, 2), hovering = _React$useState2[0], setHovering = _React$useState2[1], _React$useState3 = React.useState(0), _React$useState4 = _slicedToArray(_React$useState3, 2), percent = _React$useState4[0], setPercent = _React$useState4[1], _React$useState5 = React.useState(0), _React$useState6 = _slicedToArray(_React$useState5, 2), spentTime = _React$useState6[0], setSpentTime = _React$useState6[1], mergedHovering = forcedHovering || hovering, mergedShowProgress = duration > 0 && showProgress, onInternalClose = /* @__PURE__ */ __name(function() {
     onNoticeClose(eventKey);
   }, "onInternalClose"), onCloseKeyDown = /* @__PURE__ */ __name(function(e2) {
     (e2.key === "Enter" || e2.code === "Enter" || e2.keyCode === KeyCode.ENTER) && onInternalClose();
@@ -8004,13 +7902,13 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     }
   }, [duration, spentTime, mergedHovering, mergedShowProgress, times]);
   var closableObj = React.useMemo(function() {
-    return _typeof$1(closable) === "object" && closable !== null ? closable : closable ? {
+    return _typeof(closable) === "object" && closable !== null ? closable : closable ? {
       closeIcon
     } : {};
   }, [closable, closeIcon]), ariaProps = pickAttrs(closableObj, !0), validPercent = 100 - (!percent || percent < 0 ? 0 : percent > 100 ? 100 : percent), noticePrefixCls = "".concat(prefixCls, "-notice");
   return /* @__PURE__ */ React.createElement("div", _extends({}, divProps, {
     ref,
-    className: clsx(noticePrefixCls, className, _defineProperty$1({}, "".concat(noticePrefixCls, "-closable"), closable)),
+    className: clsx(noticePrefixCls, className, _defineProperty({}, "".concat(noticePrefixCls, "-closable"), closable)),
     style: style2,
     onMouseEnter: /* @__PURE__ */ __name(function(e2) {
       var _divProps$onMouseEnte;
@@ -8043,18 +7941,18 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     threshold: DEFAULT_THRESHOLD,
     gap: DEFAULT_GAP
   };
-  if (config && _typeof$1(config) === "object") {
+  if (config && _typeof(config) === "object") {
     var _config$offset, _config$threshold, _config$gap;
     result.offset = (_config$offset = config.offset) !== null && _config$offset !== void 0 ? _config$offset : DEFAULT_OFFSET, result.threshold = (_config$threshold = config.threshold) !== null && _config$threshold !== void 0 ? _config$threshold : DEFAULT_THRESHOLD, result.gap = (_config$gap = config.gap) !== null && _config$gap !== void 0 ? _config$gap : DEFAULT_GAP;
   }
   return [!!config, result];
 }, "useStack"), _excluded$1 = ["className", "style", "classNames", "styles"], NoticeList = /* @__PURE__ */ __name(function(props) {
-  var configList = props.configList, placement = props.placement, prefixCls = props.prefixCls, className = props.className, style2 = props.style, motion = props.motion, onAllNoticeRemoved = props.onAllNoticeRemoved, onNoticeClose = props.onNoticeClose, stackConfig = props.stack, _useContext = useContext(NotificationContext), ctxCls = _useContext.classNames, dictRef = useRef({}), _useState = useState(null), _useState2 = _slicedToArray$1(_useState, 2), latestNotice = _useState2[0], setLatestNotice = _useState2[1], _useState3 = useState([]), _useState4 = _slicedToArray$1(_useState3, 2), hoverKeys = _useState4[0], setHoverKeys = _useState4[1], keys = configList.map(function(config) {
+  var configList = props.configList, placement = props.placement, prefixCls = props.prefixCls, className = props.className, style2 = props.style, motion = props.motion, onAllNoticeRemoved = props.onAllNoticeRemoved, onNoticeClose = props.onNoticeClose, stackConfig = props.stack, _useContext = useContext(NotificationContext), ctxCls = _useContext.classNames, dictRef = useRef({}), _useState = useState(null), _useState2 = _slicedToArray(_useState, 2), latestNotice = _useState2[0], setLatestNotice = _useState2[1], _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), hoverKeys = _useState4[0], setHoverKeys = _useState4[1], keys = configList.map(function(config) {
     return {
       config,
       key: String(config.key)
     };
-  }), _useStack = useStack(stackConfig), _useStack2 = _slicedToArray$1(_useStack, 2), stack = _useStack2[0], _useStack2$ = _useStack2[1], offset = _useStack2$.offset, threshold = _useStack2$.threshold, gap = _useStack2$.gap, expanded = stack && (hoverKeys.length > 0 || keys.length <= threshold), placementMotion = typeof motion == "function" ? motion(placement) : motion;
+  }), _useStack = useStack(stackConfig), _useStack2 = _slicedToArray(_useStack, 2), stack = _useStack2[0], _useStack2$ = _useStack2[1], offset = _useStack2$.offset, threshold = _useStack2$.threshold, gap = _useStack2$.gap, expanded = stack && (hoverKeys.length > 0 || keys.length <= threshold), placementMotion = typeof motion == "function" ? motion(placement) : motion;
   return useEffect(function() {
     stack && hoverKeys.length > 1 && setHoverKeys(function(prev) {
       return prev.filter(function(key) {
@@ -8072,7 +7970,7 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     }
   }, [keys, stack]), /* @__PURE__ */ React__default.createElement(CSSMotionList, _extends({
     key: placement,
-    className: clsx(prefixCls, "".concat(prefixCls, "-").concat(placement), ctxCls == null ? void 0 : ctxCls.list, className, _defineProperty$1(_defineProperty$1({}, "".concat(prefixCls, "-stack"), !!stack), "".concat(prefixCls, "-stack-expanded"), expanded)),
+    className: clsx(prefixCls, "".concat(prefixCls, "-").concat(placement), ctxCls == null ? void 0 : ctxCls.list, className, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-stack"), !!stack), "".concat(prefixCls, "-stack-expanded"), expanded)),
     style: style2,
     keys,
     motionAppear: !0
@@ -8101,7 +7999,7 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     return /* @__PURE__ */ React__default.createElement("div", {
       ref: nodeRef,
       className: clsx("".concat(prefixCls, "-notice-wrapper"), motionClassName, configClassNames == null ? void 0 : configClassNames.wrapper),
-      style: _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, motionStyle), stackStyle), configStyles == null ? void 0 : configStyles.wrapper),
+      style: _objectSpread2(_objectSpread2(_objectSpread2({}, motionStyle), stackStyle), configStyles == null ? void 0 : configStyles.wrapper),
       onMouseEnter: /* @__PURE__ */ __name(function() {
         return setHoverKeys(function(prev) {
           return prev.includes(strKey) ? prev : [].concat(_toConsumableArray(prev), [strKey]);
@@ -8131,7 +8029,7 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     })));
   });
 }, "NoticeList2"), Notifications = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-notification" : _props$prefixCls, container = props.container, motion = props.motion, maxCount = props.maxCount, className = props.className, style2 = props.style, onAllRemoved = props.onAllRemoved, stack = props.stack, renderNotifications = props.renderNotifications, _React$useState = React.useState([]), _React$useState2 = _slicedToArray$1(_React$useState, 2), configList = _React$useState2[0], setConfigList = _React$useState2[1], onNoticeClose = /* @__PURE__ */ __name(function(key) {
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-notification" : _props$prefixCls, container = props.container, motion = props.motion, maxCount = props.maxCount, className = props.className, style2 = props.style, onAllRemoved = props.onAllRemoved, stack = props.stack, renderNotifications = props.renderNotifications, _React$useState = React.useState([]), _React$useState2 = _slicedToArray(_React$useState, 2), configList = _React$useState2[0], setConfigList = _React$useState2[1], onNoticeClose = /* @__PURE__ */ __name(function(key) {
     var _config$onClose, config = configList.find(function(item) {
       return item.key === key;
     });
@@ -8147,7 +8045,7 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         setConfigList(function(list) {
           var clone = _toConsumableArray(list), index = clone.findIndex(function(item) {
             return item.key === config.key;
-          }), innerConfig = _objectSpread2$1({}, config);
+          }), innerConfig = _objectSpread2({}, config);
           if (index >= 0) {
             var _list$index;
             innerConfig.times = (((_list$index = list[index]) === null || _list$index === void 0 ? void 0 : _list$index.times) || 0) + 1, clone[index] = innerConfig;
@@ -8164,7 +8062,7 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       }, "destroy")
     };
   });
-  var _React$useState3 = React.useState({}), _React$useState4 = _slicedToArray$1(_React$useState3, 2), placements = _React$useState4[0], setPlacements = _React$useState4[1];
+  var _React$useState3 = React.useState({}), _React$useState4 = _slicedToArray(_React$useState3, 2), placements = _React$useState4[0], setPlacements = _React$useState4[1];
   React.useEffect(function() {
     var nextPlacements = {};
     configList.forEach(function(config) {
@@ -8176,7 +8074,7 @@ var Notify = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   }, [configList]);
   var onAllNoticeRemoved = /* @__PURE__ */ __name(function(placement) {
     setPlacements(function(originPlacements) {
-      var clone = _objectSpread2$1({}, originPlacements), list = clone[placement] || [];
+      var clone = _objectSpread2({}, originPlacements), list = clone[placement] || [];
       return list.length || delete clone[placement], clone;
     });
   }, "onAllNoticeRemoved2"), emptyRef = React.useRef(!1);
@@ -8218,7 +8116,7 @@ function mergeConfig() {
 }
 __name(mergeConfig, "mergeConfig");
 function useNotification() {
-  var rootConfig = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _rootConfig$getContai = rootConfig.getContainer, getContainer = _rootConfig$getContai === void 0 ? defaultGetContainer : _rootConfig$getContai, motion = rootConfig.motion, prefixCls = rootConfig.prefixCls, maxCount = rootConfig.maxCount, className = rootConfig.className, style2 = rootConfig.style, onAllRemoved = rootConfig.onAllRemoved, stack = rootConfig.stack, renderNotifications = rootConfig.renderNotifications, shareConfig = _objectWithoutProperties(rootConfig, _excluded), _React$useState = React.useState(), _React$useState2 = _slicedToArray$1(_React$useState, 2), container = _React$useState2[0], setContainer = _React$useState2[1], notificationsRef = React.useRef(), contextHolder = /* @__PURE__ */ React.createElement(Notifications, {
+  var rootConfig = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _rootConfig$getContai = rootConfig.getContainer, getContainer = _rootConfig$getContai === void 0 ? defaultGetContainer : _rootConfig$getContai, motion = rootConfig.motion, prefixCls = rootConfig.prefixCls, maxCount = rootConfig.maxCount, className = rootConfig.className, style2 = rootConfig.style, onAllRemoved = rootConfig.onAllRemoved, stack = rootConfig.stack, renderNotifications = rootConfig.renderNotifications, shareConfig = _objectWithoutProperties(rootConfig, _excluded), _React$useState = React.useState(), _React$useState2 = _slicedToArray(_React$useState, 2), container = _React$useState2[0], setContainer = _React$useState2[1], notificationsRef = React.useRef(), contextHolder = /* @__PURE__ */ React.createElement(Notifications, {
     container,
     ref: notificationsRef,
     prefixCls,
@@ -8229,7 +8127,7 @@ function useNotification() {
     onAllRemoved,
     stack,
     renderNotifications
-  }), _React$useState3 = React.useState([]), _React$useState4 = _slicedToArray$1(_React$useState3, 2), taskQueue = _React$useState4[0], setTaskQueue = _React$useState4[1], api = React.useMemo(function() {
+  }), _React$useState3 = React.useState([]), _React$useState4 = _slicedToArray(_React$useState3, 2), taskQueue = _React$useState4[0], setTaskQueue = _React$useState4[1], api = React.useMemo(function() {
     return {
       open: /* @__PURE__ */ __name(function(config) {
         var mergedConfig = mergeConfig(shareConfig, config);