@univerjs/ui 0.4.0-alpha.1 → 0.4.0-experimental.20241017-da434a2

package/lib/es/index.js

@@ -9,9 +9,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 import { toDisposable, IUniverInstanceService, DocumentFlavor, useDependency, LocaleService, ColorKit, createIdentifier, Disposable, Workbook, UniverInstanceType, DocumentDataModel, SlideDataModel, remove, FOCUSING_UNIVER_EDITOR, IContextService, Inject, Injector, Tools, IConfigService, isRealNum, ErrorService, CommandType, IUndoRedoService, UndoCommand, RedoCommand, Optional, ICommandService, useInjector, ILogService, useObservable as useObservable$1, ThemeService, LifecycleService, connectInjector, isInternalEditorID, LifecycleStages, DependentOn, Plugin, mergeOverrideWithDependencies, ILocalStorageService, BaselineOffset, getBorderStyleType, BorderStyleTypes } from "@univerjs/core";
 import * as React from "react";
 import React__default, { forwardRef, useRef, createElement, cloneElement, useEffect, useState, useMemo, useCallback, memo, createContext, useContext, version as version$1, isValidElement, useLayoutEffect } from "react";
-import { Observable, switchMap, BehaviorSubject, isObservable, fromEvent, Subject, combineLatest, map, distinctUntilChanged, throttleTime, animationFrameScheduler, filter, debounceTime, startWith, take, ReplaySubject } from "rxjs";
+import { Observable, switchMap, BehaviorSubject, isObservable, fromEvent, Subject, combineLatest, distinctUntilChanged, throttleTime, animationFrameScheduler, filter, debounceTime, map as map$1, startWith, take, ReplaySubject } from "rxjs";
 import { InputNumber, resizeObserverCtor, Menu as Menu$1, MenuItemGroup, MenuItem as MenuItem$1, SubMenu, MessageType, RectPopup, Popup, Tooltip, Dropdown, defaultTheme, themeInstance, ConfigProvider, ConfigContext, Confirm, Dialog, Message } from "@univerjs/design";
-import { map as map$1 } from "rxjs/operators";
+import { map } from "rxjs/operators";
 import { IRenderManagerService, UniverRenderEnginePlugin, ptToPx } from "@univerjs/engine-render";
 import ReactDOM$1, { createPortal } from "react-dom";
 var __assign = function() {
@@ -1890,14 +1890,12 @@ function MenuWrapper(props) {
     var _a19;
     if (!item.children) return item;
     let hasChildren = !1;
-    const hiddenObservables = (_a19 = item.children) == null ? void 0 : _a19.map((item2) => {
+    const hiddenObservables = (_a19 = item.children) == null ? void 0 : _a19.map((subItem) => {
       var _a20, _b;
-      return (_b = (_a20 = item2.item) == null ? void 0 : _a20.hidden$) != null ? _b : new Observable((n2) => n2.next(!1));
+      return (_b = (_a20 = subItem.item) == null ? void 0 : _a20.hidden$) != null ? _b : new Observable((s) => (s.next(!1), s.unsubscribe()));
     });
-    return combineLatest(hiddenObservables).pipe(
-      map((hiddenValues) => hiddenValues.every((hidden) => hidden === !0))
-    ).subscribe((allHidden) => {
-      allHidden || (hasChildren = !0);
+    return combineLatest(hiddenObservables).subscribe((hiddenValues) => {
+      hasChildren = hiddenValues.every((hidden) => hidden === !0), hasChildren || (hasChildren = !0);
     }).unsubscribe(), hasChildren;
   }), [menuItems]);
   return filteredMenuItems && filteredMenuItems.map((item) => {
@@ -2240,7 +2238,7 @@ function UndoMenuItemFactory(accessor) {
     icon: "UndoSingle",
     title: "Undo",
     tooltip: "toolbar.undo",
-    disabled$: undoRedoService.undoRedoStatus$.pipe(map$1((v2) => v2.undos <= 0))
+    disabled$: undoRedoService.undoRedoStatus$.pipe(map((v2) => v2.undos <= 0))
   };
 }
 __name(UndoMenuItemFactory, "UndoMenuItemFactory");
@@ -2252,7 +2250,7 @@ function RedoMenuItemFactory(accessor) {
     icon: "RedoSingle",
     title: "Redo",
     tooltip: "toolbar.redo",
-    disabled$: undoRedoService.undoRedoStatus$.pipe(map$1((v2) => v2.redos <= 0))
+    disabled$: undoRedoService.undoRedoStatus$.pipe(map((v2) => v2.redos <= 0))
   };
 }
 __name(RedoMenuItemFactory, "RedoMenuItemFactory");
@@ -2604,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";
@@ -2615,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) {
@@ -2986,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) {
@@ -3000,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) {
@@ -3009,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) {
@@ -3056,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);
@@ -3356,7 +3354,7 @@ function useComponentsOfPart(part, injector) {
     () => uiPartsService.componentRegistered$.pipe(
       filter((key) => key === part),
       debounceTime(200),
-      map(() => updateCounterRef.current += 1),
+      map$1(() => updateCounterRef.current += 1),
       startWith(updateCounterRef.current += 1)
       // trigger update when subscribe
     ),
@@ -3662,7 +3660,7 @@ function useToolbarGroups(categories, initCategory) {
         var _a20;
         return (_a20 = item.hidden$) != null ? _a20 : new Observable((observer) => observer.next(!1));
       })
-    ).pipe(map((hiddenValues) => activeItems.filter((_, index) => !hiddenValues[index]))).subscribe((items) => setVisibleItems(items));
+    ).pipe(map$1((hiddenValues) => activeItems.filter((_, index) => !hiddenValues[index]))).subscribe((items) => setVisibleItems(items));
     return () => s.unsubscribe();
   }, [groups, category]), useEffect(() => {
     const s = menuService.menuChanged$.subscribe(() => {
@@ -3941,7 +3939,22 @@ function Ribbon(props) {
       visibleGroups,
       hiddenGroups
     };
-  }, [ribbon, category, collapsedIds]);
+  }, [ribbon, category, collapsedIds]), fakeToolbarContent = useMemo(() => activeGroup.allGroups.map((groupItem) => {
+    var _a19;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: (_a19 = groupItem.children) == null ? void 0 : _a19.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ToolbarItem,
+      {
+        ref: /* @__PURE__ */ __name((ref) => {
+          toolbarItemRefs.current[child.key] = {
+            el: ref == null ? void 0 : ref.nativeElement,
+            key: child.key
+          };
+        }, "ref"),
+        ...child.item
+      },
+      child.key
+    )) }, groupItem.key);
+  }), [activeGroup.allGroups]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     hasHeaderMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: styles$7.headerbar, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.menubar, children: ribbon.length > 1 && ribbon.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3990,22 +4003,7 @@ function Ribbon(props) {
           // left: 0,
           // opacity: 1,
         },
-        children: activeGroup.allGroups.map((groupItem) => {
-          var _a19;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$7.toolbarGroup, children: (_a19 = groupItem.children) == null ? void 0 : _a19.map((child) => child.item && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ToolbarItem,
-            {
-              ref: /* @__PURE__ */ __name((ref) => {
-                toolbarItemRefs.current[child.key] = {
-                  el: ref == null ? void 0 : ref.nativeElement,
-                  key: child.key
-                };
-              }, "ref"),
-              ...child.item
-            },
-            child.key
-          )) }, groupItem.key);
-        })
+        children: fakeToolbarContent
       }
     )
   ] });
@@ -4727,7 +4725,7 @@ let DesktopConfirmService = (_a12 = class extends Disposable {
   constructor(_injector, _uiPartsService) {
     super();
     __publicField(this, "_confirmOptions", []);
-    __publicField(this, "confirmOptions$", new Subject());
+    __publicField(this, "confirmOptions$", new BehaviorSubject([]));
     this._injector = _injector, this._uiPartsService = _uiPartsService, this._initUIPart();
   }
   open(option) {
@@ -6455,42 +6453,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;
@@ -6511,16 +6509,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 = {};
@@ -6541,41 +6539,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);
@@ -6585,19 +6583,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++) {
@@ -6648,15 +6646,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;
 }
@@ -6797,7 +6786,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");
@@ -6849,7 +6838,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);
 }
@@ -6890,52 +6879,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);
 }
@@ -6953,54 +6896,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;
@@ -7048,7 +6943,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();
     });
@@ -7137,7 +7032,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);
   }
@@ -7160,7 +7055,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();
   }
@@ -7179,14 +7074,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 {};
     }
@@ -7206,7 +7101,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;
@@ -7230,14 +7125,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);
   }
@@ -7252,19 +7147,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"
         }
@@ -7273,8 +7168,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);
     }
@@ -7295,9 +7190,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)
   });
 }
@@ -7314,20 +7209,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
     });
   })));
@@ -7359,33 +7254,26 @@ 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) {
-        _this.setState(function(prevState) {
-          var nextKeyEntities = prevState.keyEntities.map(function(entity) {
-            return entity.key !== removeKey ? entity : _objectSpread2$1(_objectSpread2$1({}, entity), {}, {
-              status: STATUS_REMOVED
-            });
+      }), _defineProperty(_assertThisInitialized(_this), "removeKey", function(removeKey) {
+        var keyEntities = _this.state.keyEntities, nextKeyEntities = keyEntities.map(function(entity) {
+          return entity.key !== removeKey ? entity : _objectSpread2(_objectSpread2({}, entity), {}, {
+            status: STATUS_REMOVED
           });
-          return {
-            keyEntities: nextKeyEntities
-          };
-        }, function() {
-          var keyEntities = _this.state.keyEntities, restKeysCount = keyEntities.filter(function(_ref) {
-            var status = _ref.status;
-            return status !== STATUS_REMOVED;
-          }).length;
-          restKeysCount === 0 && _this.props.onAllRemoved && _this.props.onAllRemoved();
         });
+        return _this.setState({
+          keyEntities: nextKeyEntities
+        }), nextKeyEntities.filter(function(_ref) {
+          var status = _ref.status;
+          return status !== STATUS_REMOVED;
+        }).length;
       }), _this;
     }
     return __name(CSSMotionList3, "CSSMotionList"), _createClass(CSSMotionList3, [{
       key: "render",
       value: /* @__PURE__ */ __name(function() {
-        var _this2 = this, keyEntities = this.state.keyEntities, _this$props = this.props, component = _this$props.component, children = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged;
-        _this$props.onAllRemoved;
-        var restProps = _objectWithoutProperties(_this$props, _excluded$2), Component = component || React.Fragment, motionProps = {};
+        var _this2 = this, keyEntities = this.state.keyEntities, _this$props = this.props, component = _this$props.component, children = _this$props.children, _onVisibleChanged = _this$props.onVisibleChanged, onAllRemoved = _this$props.onAllRemoved, restProps = _objectWithoutProperties(_this$props, _excluded$2), Component = component || React.Fragment, motionProps = {};
         return MOTION_PROP_NAMES.forEach(function(prop) {
           motionProps[prop] = restProps[prop], delete restProps[prop];
         }), delete restProps.keys, /* @__PURE__ */ React.createElement(Component, restProps, keyEntities.map(function(_ref2, index) {
@@ -7395,12 +7283,15 @@ function genCSSMotionList(transitionSupport) {
             visible,
             eventProps,
             onVisibleChanged: /* @__PURE__ */ __name(function(changedVisible) {
-              _onVisibleChanged == null || _onVisibleChanged(changedVisible, {
+              if (_onVisibleChanged == null || _onVisibleChanged(changedVisible, {
                 key: eventProps.key
-              }), changedVisible || _this2.removeKey(eventProps.key);
+              }), !changedVisible) {
+                var restKeysCount = _this2.removeKey(eventProps.key);
+                restKeysCount === 0 && onAllRemoved && onAllRemoved();
+              }
             }, "onVisibleChanged")
           }), function(props, ref) {
-            return children(_objectSpread2$1(_objectSpread2$1({}, props), {}, {
+            return children(_objectSpread2(_objectSpread2({}, props), {}, {
               index
             }), ref);
           });
@@ -7422,7 +7313,7 @@ function genCSSMotionList(transitionSupport) {
       }, "getDerivedStateFromProps")
     }]), CSSMotionList3;
   }(React.Component);
-  return _defineProperty$1(CSSMotionList2, "defaultProps", {
+  return _defineProperty(CSSMotionList2, "defaultProps", {
     component: "div"
   }), CSSMotionList2;
 }
@@ -7982,7 +7873,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();
@@ -8010,13 +7901,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;
@@ -8049,18 +7940,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) {
@@ -8078,7 +7969,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
@@ -8107,7 +7998,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]);
@@ -8137,7 +8028,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;
     });
@@ -8153,7 +8044,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;
@@ -8170,7 +8061,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) {
@@ -8182,7 +8073,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);
@@ -8224,7 +8115,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,
@@ -8235,7 +8126,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);